/* Arcadia 2027 — tokens de diseño */
:root {
  /* Paleta oficial (newsletter / plantillas Rumrak, colores planos) */
  --azul: #0079A9;        /* títulos y botones */
  --azul-osc: #076E95;    /* bandas de sección */
  --naranja: #F36204;     /* CTA de precios, badges, íconos de servicios */
  --naranja-2: #E56425;   /* acento secundario */
  --naranja-texto: #B24803; /* mismo naranja oscurecido para textos chicos (contraste AA) */
  --azul-texto: #076E95;  /* azul para textos chicos y enlaces sobre fondos claros */
  --dorado: #B6A577;      /* separadores y detalles */
  --gris: #5A5A5A;        /* bandas grises y textos secundarios */
  --tinta: #1D1D1B;       /* texto principal */

  /* Alias y neutros de fondo (tintes del dorado) */
  --bosque: var(--azul-osc);   /* bandas oscuras, footer, menú mobile */
  --crema: #F7F4EE;
  --arena: #EEE8DC;
  --linea: rgba(182,165,119,.45); /* separadores en dorado */
  --blanco: #FFFFFF;

  /* Tipografía */
  --f-display: "Fraunces", Georgia, serif;
  --f-texto: "Manrope", system-ui, sans-serif;

  --t-xs: 0.75rem;
  --t-sm: 0.875rem;
  --t-md: 1rem;
  --t-lg: 1.25rem;
  --t-xl: clamp(1.75rem, 3vw, 2.5rem);
  --t-2xl: clamp(2.25rem, 5vw, 4rem);
  --t-3xl: clamp(2.75rem, 8vw, 7rem);

  /* Espaciado */
  --gutter: clamp(16px, 4vw, 56px);
  --sec: clamp(72px, 12vw, 160px);
  --max: 1320px;
  --radio: 4px;
  --radio-foto: 14px; /* fotos que no van a sangre */
  --marco: clamp(8px, 1.1vw, 16px);      /* margen alrededor del video del hero */
  --radio-hero: clamp(16px, 2vw, 28px);  /* esquinas del video del hero */
  --hero-pad: clamp(18px, 2.6vw, 40px);  /* distancia del logo al borde del video (arriba = izquierda) */

  --ease: cubic-bezier(.2, .7, .2, 1);
}