/* Seudonima · tokens de la web pública.
   Paleta tomada de la propuesta visual (crema, azul marino, tarjetas cálidas).
   Cambiar la guía de estilo es cambiar este archivo. */

:root {
  --color-ink: #1f2a4a;
  --color-ink-soft: #3e4a6b;
  --color-muted: #5c6888;
  --color-navy: #3f5678;
  --color-paper: #f2e8e0;
  --color-paper-deep: #e8d8c4;
  --color-surface: #fffdfb;
  --color-line: #e4d5c8;
  --color-inverse: #fffdfb;
  --color-focus: #1f2a4a;

  --color-terra: #e8856a;
  --color-sage: #8db5a0;
  --color-mustard: #e3a93e;
  --color-pale-terra: #f4dcd0;
  --color-pale-blue: #dce0ec;
  --color-pale-sage: #dce8e0;
  --color-pale-mustard: #f4e4bc;
  --color-skin: #f3c7a0;
  --color-plant: #6e9a78;

  --font-sans: "Nunito", "Segoe UI", "Avenir Next", "Trebuchet MS", sans-serif;

  --text-xs: 0.8125rem;
  --text-sm: 0.9375rem;
  --text-md: 1.0625rem;
  --text-lg: 1.3rem;
  --text-xl: clamp(1.5rem, 1.2rem + 1vw, 2rem);
  --text-2xl: clamp(1.85rem, 1.3rem + 1.6vw, 2.4rem);
  --text-3xl: clamp(2rem, 1.15rem + 2.4vw, 3.35rem);

  --leading-tight: 1.12;
  --leading-snug: 1.35;
  --leading-body: 1.55;

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.25rem;
  --space-2xl: 3.5rem;
  --space-3xl: 5rem;

  --measure: 40rem;
  --measure-wide: 72rem;
  --header-h: 4.5rem;

  --radius-sm: 0.85rem;
  --radius: 1.25rem;
  --radius-lg: 1.75rem;
  --radius-pill: 999px;

  --shadow: 0 0.7rem 1.6rem rgb(31 42 74 / 10%);
  --shadow-soft: 0 0.35rem 0.9rem rgb(31 42 74 / 8%);
  --focus-ring: 2px solid var(--color-focus);
}