/* ==========================================================================
   Tresdiez Consulting — Design Tokens
   Color palette and type scale only. See design plan for rationale.
   Layout, spacing, and component rules live in site.css.
   ========================================================================== */

:root {

  /* --- Color: brand (locked) -------------------------------------------- */
  --tinta:          #1D140F; /* headings, body text, footer field, primary buttons */
  --verde:          #4CA52D; /* rules, active states, dimension lines, secondary button fill */

  /* --- Color: ink ramp ---------------------------------------------------- */
  --tinta-700:      #3A2F28; /* headings on kraft/dark surfaces */
  --tinta-medio:    #6B605A; /* secondary text — 5.42:1 on --base */
  --tinta-suave:    #A9A49D; /* decorative only, never text */

  /* --- Color: green ramp --------------------------------------------------- */
  --verde-texto:    #235C18; /* readable green — 7.15:1 on --base */
  --verde-tenue:    #E8F2E2; /* selected/active wash */

  /* --- Color: neutrals / surfaces ------------------------------------------ */
  --base:           #F1F2EF; /* page background */
  --base-alt:       #E6E8E2; /* page-header bands, alternating sections */
  --blanco:         #FFFFFF; /* cards, form fields, raised surfaces */
  --linea:          #DCDDD6; /* 1px hairlines */
  --linea-fuerte:   #C2C4BB; /* 2px rules, input borders */

  /* --- Color: kraft (distribution division surface) ------------------------ */
  --kraft-surf:     #EDE3D2; /* distribution division surface */
  --kraft-linea:    #C9A876; /* kraft rule, decorative only */

  /* --- Color: system -------------------------------------------------------- */
  --alerta:         #A8321C; /* form validation errors */


  /* --- Type: families ------------------------------------------------------- */
  --font-display: 'Archivo', 'Arial Narrow', Arial, sans-serif;
  --font-body:    'Source Serif 4', 'Georgia', 'Times New Roman', serif;
  --font-mono:    'IBM Plex Mono', 'Courier New', monospace;

  /* --- Type: scale -----------------------------------------------------------
     Each step below documents size / line-height / letter-spacing / weight /
     (width where applicable) as used in site.css. Values are not applied here —
     tokens.css declares custom properties only, no selectors.
     -------------------------------------------------------------------------- */

  /* display — Archivo 700, wdth 118
     wdth values are percentages: Google Fonts serves Archivo's variable
     width axis via CSS font-stretch (confirmed range 75%–125%), so these
     tokens carry the % unit and are consumed directly as font-stretch. */
  --fs-display: clamp(2.75rem, 6vw, 5.25rem);
  --lh-display: 0.94;
  --ls-display: -0.02em;
  --fw-display: 700;
  --wdth-display: 118%;

  /* h1 — Archivo 700, wdth 115 */
  --fs-h1: clamp(2.25rem, 4vw, 3.5rem);
  --lh-h1: 1.02;
  --ls-h1: -0.015em;
  --fw-h1: 700;
  --wdth-h1: 115%;

  /* h2 — Archivo 600, wdth 112 */
  --fs-h2: clamp(1.75rem, 2.6vw, 2.5rem);
  --lh-h2: 1.12;
  --ls-h2: -0.01em;
  --fw-h2: 600;
  --wdth-h2: 112%;

  /* h3 — Archivo 600, wdth 100 */
  --fs-h3: 1.375rem;
  --lh-h3: 1.25;
  --fw-h3: 600;
  --wdth-h3: 100%;

  /* lead — Source Serif 4 400, max 54ch */
  --fs-lead: 1.25rem;
  --lh-lead: 1.55;
  --fw-lead: 400;
  --measure-lead: 54ch;

  /* body-lg — Source Serif 4 400, max 68ch */
  --fs-body-lg: 1.125rem;
  --lh-body-lg: 1.7;
  --fw-body-lg: 400;
  --measure-body-lg: 68ch;

  /* body — Source Serif 4 400, max 68ch */
  --fs-body: 1.0625rem;
  --lh-body: 1.7;
  --fw-body: 400;
  --measure-body: 68ch;

  /* small — Source Serif 4 400 */
  --fs-small: 0.9375rem;
  --lh-small: 1.6;
  --fw-small: 400;

  /* label — IBM Plex Mono 500, uppercase, ls 0.12em */
  --fs-label: 0.75rem;
  --ls-label: 0.12em;
  --fw-label: 500;

  /* data — IBM Plex Mono 400, tabular-nums */
  --fs-data: 0.875rem;
  --fw-data: 400;

  /* nav — Archivo 500, not mono */
  --fs-nav: 0.9375rem;
  --fw-nav: 500;
}