/* DUA Marketing Lab · V3 (neutro + acentos). Tokens tomados del handoff (design/tokens.css).
   Regla de la V3: base blanca/neutra; los colores de marca son ACENTOS en sitios puntuales
   (CTA, palabras en firma, estrellas, cartas secundarias del deck, fondos de sección contados). */

@font-face { font-family: 'DUA Futura'; src: url(../fonts/dua-futura-book.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'DUA Futura'; src: url(../fonts/dua-futura-medium.woff2) format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'DUA Futura'; src: url(../fonts/dua-futura-bold.woff2) format('woff2'); font-weight: 700; font-display: swap; }
@font-face { font-family: 'DUA Signature'; src: url(../fonts/dua-signature.woff2) format('woff2'); font-display: swap; }
@font-face { font-family: 'Source Code Pro'; src: url(../fonts/source-code-pro-400.woff2) format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: 'Source Code Pro'; src: url(../fonts/source-code-pro-500.woff2) format('woff2'); font-weight: 500; font-display: swap; }
@font-face { font-family: 'Source Code Pro'; src: url(../fonts/source-code-pro-600.woff2) format('woff2'); font-weight: 600; font-display: swap; }

:root {
  /* tinta y neutros */
  --dua-marino: #30314f;          /* texto principal, footer, estrella del loader (A) */
  --dua-texto-2: #4a4b68;         /* párrafos */
  --dua-texto-3: #5b5c78;         /* eyebrows, metadatos */
  --dua-texto-4: #7d7e98;         /* números grandes de las cartas */
  --dua-texto-4-sm: #6b6c87;      /* mismo tono para texto pequeño (>= 4.5:1 sobre blanco y superficie-1) */
  --dua-blanco: #ffffff;
  --dua-superficie-1: #f1f2f7;    /* cartas principales del deck, resumen de reserva */
  --dua-superficie-2: #f6f6f9;    /* fondo de Lab Notes */
  --dua-superficie-3: #eceef4;    /* fondo de miniaturas */
  --dua-footer-texto: #d4d5e4;
  --dua-footer-texto-2: #c9cad9;
  --dua-linea: rgba(48, 49, 79, 0.14);
  --dua-linea-suave: rgba(48, 49, 79, 0.12);

  /* acentos de marca (usar con moderación) */
  --dua-cta: #d81f60;             /* opciones del canvas: #d81f60 · #c93a00 · #30314f */
  --dua-rosa-firma: #e82768;      /* palabras en DUA Signature, "d" de la estrella en Agendar */
  --dua-amarillo-limon: #e4e400;  /* estrella del hero, carta 01, botón newsletter, CTA del hero B */
  --dua-naranja-claro: #ff803a;   /* carta 02, estrella del hero B */
  --dua-burgundy: #580129;        /* carta 03, estrella del hero A */
  --dua-azul-grisaceo: #a5b7c7;   /* carta 04 */
  --dua-verde-lima: #bac02e;      /* carta 05 */

  /* tipografía */
  --dua-font-sans: 'DUA Futura', Futura, 'Century Gothic', sans-serif;
  --dua-font-firma: 'DUA Signature', 'Brush Script MT', cursive;
  --dua-font-mono: 'Source Code Pro', ui-monospace, Menlo, monospace;  /* siempre MAYÚSCULAS, tracking .08em */

  /* forma */
  --dua-r-pill: 999px;
  --dua-r-seccion: 44px;   /* esquinas superiores del panel de proyectos y del footer */
  --dua-r-carta: 26px;     /* deck de servicios */
  --dua-r-tarjeta: 28px;   /* Lab Notes */
  --dua-r-imagen: 20px;
  --dua-r-drag: 4px;       /* cursor "drag" */
  --dua-wrap-max: 1320px;
  --dua-wrap-pad: clamp(20px, 4vw, 56px);

  /* movimiento */
  --dua-ease-deck: cubic-bezier(.65, 0, .35, 1);   /* despliegue del deck, 1.2s */
  --dua-ease-hover: cubic-bezier(.2, .8, .2, 1);   /* apertura de carta secundaria, .6s */
}