/* Fazt Consulting · tokens de marca v0.3 */
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-var.woff2") format("woff2"); font-weight: 500 800; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans"; src: url("fonts/plex-sans-var.woff2") format("woff2"); font-weight: 400 600; font-style: normal; font-display: swap; }

:root {
  /* Color: roles */
  --c-canvas: #F5F4EF;        /* Papel: fondo de página */
  --c-surface: #FBFAF7;       /* Superficie elevada */
  --c-surface-2: #ECEAE2;     /* Panel tintado */
  --c-ink: #13212B;           /* Tinta: texto principal, logo */
  --c-ink-2: #4D5A60;         /* Texto secundario */
  --c-line: #D6D3C8;          /* Divisores */
  --c-line-strong: #7D817E;   /* Bordes de campos (≥3:1) */
  --c-accent: #1D5C4D;        /* Pino: acción, foco, estado */
  --c-accent-hover: #164A3E;
  --c-accent-soft: #DDE9E3;   /* Selección, fondos de estado */
  --c-accent-on-dark: #9CC7B6;/* Acento sobre Tinta */
  --c-warning: #8A5300;
  --c-error: #A3302A;
  --c-on-accent: #F5F4EF;
  --c-night: #0E1A21;         /* Noche: paneles de alto impacto (hero, contacto) */
  --c-night-2: #18303B;       /* Superficie sobre Noche */
  --c-on-night-2: #B7C3C7;    /* Texto secundario sobre Noche */

  /* Tipografía */
  --font-display: "Fraunces", "Iowan Old Style", Georgia, serif;
  --font-sans: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --fs-display: clamp(2.75rem, 1rem + 6.4vw, 6rem);
  --fs-h2: clamp(2.125rem, 1.3rem + 2.8vw, 3.5rem);
  --fs-h3: 1.375rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-label: 0.8125rem;

  /* Espaciado (base 4px) */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px;
  --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --s-10: 128px;

  /* Radios y elevación (una sola: borde) */
  --r-sm: 6px; --r-md: 10px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;
  --shadow-pop: 0 12px 32px -16px rgba(14, 26, 33, .35);

  /* Movimiento */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}