/* Stems to Tone — tokens de diseño.
   Dos lenguajes: marca (crema/naranja) y producto (dark/oro). */
:root {
  /* marca */
  --ink: #15171d;
  --ink-2: #0d0e12;
  --paper: #f3f0e8;
  --paper-2: #fbfaf6;
  --line: #ddd8cc;
  --muted: #4a4f5a;
  --muted-2: #6b7078;
  --orange: #f08a3c;
  --orange-dark: #a9501a;

  /* producto / informes */
  --product-bg: #0d1117;
  --product-surface: #161b22;
  --product-line: #21262d;
  --product-text: #e6edf3;
  --product-muted: #8b949e;
  --gold: #f0b429;
  --blue: #a5d6ff;
  --green: #4ade80;
  --red: #f87171;

  /* tipografía y ritmo */
  --font-display: "Space Grotesk", Arial, sans-serif;
  --font-body: "IBM Plex Sans", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --max: 1180px;
  --radius: 16px;
  --space: 8px;

  /* sombras muy suaves: el diseño es plano */
  --shadow: 0 18px 50px rgba(21, 23, 29, .12);
  --shadow-soft: 0 6px 24px rgba(21, 23, 29, .07);
}