/* Hallmark · tokens · MAKERS Wedding
 * Ruta: custom (marca propia). Fuentes y color anclados a la web viva y a MAKERS2025.pdf,
 * no elegidos de catálogo. Los azules #046bd2 del CSS del sitio son defaults del tema
 * Astra: no son marca y no se usan aquí.
 * Ejes de diversificación: paper claro · display classical-serif · acento cálido (oro).
 */
:root{
  /* ── Color. Ni negro puro ni blanco puro: el papel de los PDF es mármol cálido. */
  --color-paper:      oklch(97.4% 0.006 85);   /* fondo, hueso cálido            */
  --color-paper-2:    oklch(99.2% 0.003 85);   /* tarjetas                       */
  --color-paper-3:    oklch(94.6% 0.008 85);   /* avisos, zonas hundidas         */
  --color-ink:        oklch(21% 0.008 60);     /* texto principal, casi negro    */
  --color-ink-2:      oklch(47% 0.008 60);     /* texto secundario               */
  --color-rule:       oklch(89% 0.008 80);     /* líneas decorativas             */
  /* El borde de un campo NO es una línea decorativa: es lo que dice dónde se
   * escribe. --color-rule sobre el papel da 1,30:1 y WCAG 1.4.11 pide 3:1 para
   * el contorno de un control. Este da 3,32:1. Solo para lo que se toca. */
  --color-borde:      oklch(58% 0.012 80);
  --color-accent:     oklch(63% 0.082 78);     /* oro envejecido de los PDF      */
  --color-accent-ink: oklch(43% 0.070 72);     /* oro sobre papel, texto legible */
  --color-focus:      oklch(45% 0.14 250);     /* anillo de foco, contraste alto */
  --color-ok:         oklch(48% 0.085 155);
  --color-error:      oklch(52% 0.150 28);     /* 5,80:1 sobre papel            */

  /* ── Tipografía. Italiana ya se carga en makerswedding.com; PT Sans es el texto. */
  --font-display: "Italiana", "Times New Roman", serif;
  --font-body:    "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --text-xs:   0.78rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.1rem;
  --text-xl:   1.35rem;
  --text-2xl:  1.75rem;
  --text-3xl:  2.4rem;
  --text-display: clamp(2.6rem, 8vw, 3.8rem);

  /* ── Espacio, escala de 4 pt. */
  --space-2xs: 4px;  --space-xs: 8px;  --space-sm: 12px;
  --space-md:  20px; --space-lg: 32px; --space-xl: 48px; --space-2xl: 72px;

  --rule-hair: 1px;
  --radius-sm: 3px;
  --radius-md: 5px;

  /* ── Motion: tres easings nombradas, nada de rebote. */
  --ease-out:    cubic-bezier(.16,1,.3,1);
  --ease-in:     cubic-bezier(.7,0,.84,0);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-fast: 120ms;
  --dur-base: 200ms;
  --dur-slow: 320ms;
}