/* Arquiplaneta — design tokens. Fuente de verdad del sistema de diseño. */
:root {
  /* Color — identidad */
  --c-blue: #16324F;
  --c-navy: #0D1F30;
  --c-gold: #B8892E;
  --c-gold-deep: #8A6420;   /* dorado para texto chico sobre crema (AA) */
  --c-gold-light: #D4A84E;  /* dorado para texto chico sobre azul institucional (AA 5.9:1) */
  --c-cream: #F3EFE5;
  --c-gray: #A7A9AC;
  --c-white: #FFFFFF;

  /* Color — derivados */
  --c-ink: var(--c-navy);
  --c-ink-soft: rgba(22, 50, 79, .78);   /* texto secundario sobre crema */
  --c-line: rgba(22, 50, 79, .16);       /* divisores sobre crema */
  --c-line-dark: rgba(243, 239, 229, .14); /* divisores sobre navy */
  --c-cream-soft: rgba(243, 239, 229, .78);

  /* Tipografía */
  --f-sans: "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --f-serif: "Cormorant Garamond", Georgia, serif;
  --f-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace; /* etiquetas técnicas (heredado de la web anterior) */

  --fs-display: clamp(3rem, 1.6rem + 6vw, 7rem);
  --fs-h1: clamp(2.5rem, 1.5rem + 4.3vw, 5.25rem);
  --fs-h2: clamp(2rem, 1.45rem + 2.25vw, 3.5rem);
  --fs-h3: clamp(1.375rem, 1.24rem + .56vw, 1.75rem);
  --fs-lead: clamp(1.125rem, 1.04rem + .38vw, 1.375rem);
  --fs-body: clamp(1rem, .96rem + .19vw, 1.125rem);
  --fs-small: clamp(.8125rem, .8rem + .06vw, .875rem);
  --fs-eyebrow: clamp(.75rem, .74rem + .06vw, .8125rem);

  --lh-tight: 1.06;
  --lh-snug: 1.25;
  --lh-body: 1.6;
  --ls-tight: -.02em;
  --ls-eyebrow: .14em;

  /* Espaciado (base 8) */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px; --sp-5: 24px;
  --sp-6: 32px; --sp-7: 48px; --sp-8: 64px; --sp-9: 96px; --sp-10: 128px;
  --section-y: clamp(56px, 9vw, 136px);

  /* Layout */
  --container: 1320px;
  --gutter: clamp(16px, 4vw, 48px);
  --grid-gap: clamp(16px, 2.2vw, 32px);
  --header-h: 76px;
  --radius: 2px;

  /* Movimiento */
  --ease-out: cubic-bezier(.22, 1, .36, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast: .25s;
  --dur: .45s;
}