/* Tokens de diseño: todo valor visual sale de aquí. */
:root {
  /* Color: materiales del taller */
  --paper: #ece6d9;          /* papel crudo */
  --paper-deep: #e2d9c7;     /* papel a la sombra, para bandas */
  --paper-raised: #f4efe4;   /* superficies elevadas (formulario) */
  --ink: #221b14;            /* tinta de nogal: texto principal */
  --ink-soft: #564b3f;       /* texto secundario (6.6:1 sobre papel) */
  --rule: #c9bda7;           /* filetes y bordes decorativos */
  --rule-strong: #8f826d;    /* bordes de campos (3:1 sobre papel) */
  --cedar: #8a4b2a;          /* cedro: detalles de madera */
  --moss: #3d5a3a;           /* verde musgo: acento y acciones */
  --moss-deep: #2f4a2d;      /* musgo presionado */
  --on-moss: #f4efe4;
  --lacquer: #b7832f;        /* goma laca, solo ilustración */
  --error: #9b2c1f;          /* 6.3:1 sobre papel */

  /* Sección "taller de noche" */
  --night: #1e1812;          /* palo santo oscuro */
  --night-raised: #2a221a;
  --night-ink: #efe7d6;
  --night-soft: #c3b6a0;     /* 8.6:1 sobre --night */
  --night-rule: #4a3d30;
  --amber: #e3b261;          /* acento cálido sobre fondo oscuro */

  /* Tipografía */
  --font-display: "Newsreader", "Iowan Old Style", "Palatino Linotype", Georgia, serif;
  --font-text: "Instrument Sans", "Segoe UI", system-ui, sans-serif;

  /* Escala modular ~1.25, fluida en los pasos grandes */
  --step--1: 0.875rem;
  --step-0: 1.0625rem;
  --step-1: 1.25rem;
  --step-2: clamp(1.4rem, 1.25rem + 0.6vw, 1.65rem);
  --step-3: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
  --step-4: clamp(2.25rem, 1.6rem + 2.8vw, 3.75rem);
  --step-5: clamp(2.6rem, 1.4rem + 5.2vw, 5.5rem);

  --leading-tight: 1.04;
  --leading-snug: 1.2;
  --leading-text: 1.6;

  /* Espaciado (base 4 px) */
  --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: 6.5rem;
  --section-pad: clamp(4.5rem, 3rem + 7vw, 9rem);
  --gutter: clamp(1rem, 0.5rem + 2.5vw, 2.5rem);
  --measure: 62ch;
  --container: 76rem;

  /* Forma */
  --radius-s: 4px;
  --radius-m: 10px;
  --radius-pill: 999px;
  --hairline: 1px solid var(--rule);

  /* Movimiento */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --dur-fast: 160ms;
  --dur-base: 240ms;
  --dur-reveal: 700ms;

  --focus-ring: 0 0 0 3px var(--paper), 0 0 0 5px var(--moss);
}