/* ============================================================
   tokens.css — variables OKLCH + escala tipográfica
   Estudio Amicone Precerutti & Otálora
   ============================================================ */

:root {
  /* ---------- Color (OKLCH) ---------- */
  /* Papel archivo (bg principal) */
  --bg:         oklch(0.985 0.003 80);
  /* Pergamino (surface) */
  --surface:    oklch(0.965 0.006 75);
  /* Sección alterna */
  --surface-2:  oklch(0.940 0.010 70);

  /* Tinta marrón (texto principal, NO negro puro) */
  --ink:        oklch(0.180 0.012 50);
  /* Texto secundario */
  --ink-soft:   oklch(0.380 0.015 50);
  /* Metadata / captions */
  --muted:      oklch(0.580 0.012 55);

  /* Hairlines 1px */
  --rule:       oklch(0.880 0.008 70);
  /* Regla más fuerte (cards, contenedores) */
  --rule-strong:oklch(0.820 0.010 65);

  /* Cuero cognac — color de marca */
  --primary:    oklch(0.420 0.085 42);
  --primary-2:  oklch(0.520 0.090 45);   /* hover */
  --primary-3:  oklch(0.300 0.070 38);   /* contrast sobre cuero */

  /* Verde botella — sello */
  --accent:     oklch(0.300 0.075 155);
  /* Rojo tinta — sellos notariales */
  --accent-2:   oklch(0.480 0.165 28);

  /* Drench surface — secciones "sello" en cuero */
  --drench:     oklch(0.220 0.020 45);
  --drench-ink: oklch(0.940 0.012 75);

  /* ---------- Tipografía ---------- */
  --font-display: 'Source Serif 4', 'Source Serif Pro', Georgia, 'Times New Roman', serif;
  --font-body:    'Geist', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:    'Geist Mono', 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* Escala modular 1.25 ratio (clamp fluido) */
  --step--2: 0.75rem;   /* metadata */
  --step--1: 0.8rem;
  --step-0:  1rem;      /* base */
  --step-1:  clamp(1.125rem, 0.95rem + 0.6vw, 1.25rem);
  --step-2:  clamp(1.35rem, 1.10rem + 1.0vw, 1.563rem);
  --step-3:  clamp(1.75rem, 1.35rem + 1.6vw, 1.953rem);
  --step-4:  clamp(2.15rem, 1.60rem + 2.2vw, 2.441rem);
  --step-5:  clamp(2.65rem, 1.95rem + 3.0vw, 3.052rem);
  --step-6:  clamp(3.30rem, 2.25rem + 4.2vw, 4.2rem);
  --step-7:  clamp(3.80rem, 2.40rem + 5.6vw, 5.6rem);

  /* Line-height: en display un poco más flojo para leer grande */
  --lh-display: 1.05;
  --lh-tight:   1.18;
  --lh-body:    1.55;

  /* Letter-spacing */
  --tracking-tight: -0.025em;
  --tracking-flat:  -0.01em;
  --tracking-loose: 0.14em;   /* eyebrows */
  --tracking-mono:  0.04em;

  /* ---------- Espaciado (ritmo) ---------- */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 6rem;
  --space-10: 8rem;

  /* Layout */
  --container:   1240px;
  --container-narrow: 880px;
  --gutter:      clamp(1.25rem, 0.6rem + 2.4vw, 2rem);

  /* ---------- Radios / sombras ---------- */
  --radius-sm: 2px;
  --radius:    4px;
  --radius-lg: 8px;

  --shadow-1: 0 1px 0 oklch(0.180 0.012 50 / 0.04);
  --shadow-2: 0 12px 32px -16px oklch(0.180 0.012 50 / 0.18);
  --shadow-3: 0 24px 60px -20px oklch(0.180 0.012 50 / 0.28);

  /* ---------- Motion ---------- */
  --ease-enter:  cubic-bezier(0.22, 1, 0.36, 1);   /* entradas */
  --ease-move:   cubic-bezier(0.25, 1, 0.50, 1);   /* slides */
  --ease-out:    cubic-bezier(0.16, 1, 0.30, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);   /* iOS-like */

  --dur-1: 120ms;
  --dur-2: 200ms;
  --dur-3: 320ms;
  --dur-4: 500ms;
  --dur-5: 800ms;

  --z-nav: 30;
  --z-overlay: 40;
  --z-modal: 50;
  --z-toast: 60;
  --z-tooltip: 70;

  color-scheme: light;
}

/* High-contrast / prefers dark: sutil ajuste, no flip completo (mantener identidad) */
@media (prefers-color-scheme: dark) {
  /* Mantener tema claro editorial por identidad. Si en el futuro se activa dark mode real,
     redefinir tokens acá. */
}