/* DOTOX.AI — tokens (ver DESIGN.md). Todo color y tipo sale de aquí. */
:root {
  --bg: #0D0C0A;
  --bg-2: #16140F;
  --fg: #EFE9DE;
  --fg-2: #A39B8C;
  --accent: #FF5A1F;
  --paper: #E9E1D2;
  --ink: #16130F;
  --ink-2: #5E574C;
  --sage: #8E9C83;
  --line: color-mix(in oklab, var(--fg) 13%, transparent);
  --line-ink: color-mix(in oklab, var(--ink) 16%, transparent);

  --font-display: "Bricolage Grotesque", "Arial Narrow", sans-serif;
  --font-serif: "Instrument Serif", Georgia, serif;
  --font-body: "Geist", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, monospace;

  --fs-xl: clamp(3.4rem, 11.5vw, 10.5rem);
  --fs-l: clamp(2.5rem, 7vw, 6.5rem);
  --fs-m: clamp(1.9rem, 4.2vw, 3.6rem);
  --fs-h3: clamp(1.5rem, 2.6vw, 2.5rem);
  --fs-body: clamp(1rem, .95rem + .25vw, 1.125rem);
  --fs-label: .75rem;

  --gutter: clamp(16px, 4vw, 56px);
  --radius: 2px;
  --ease: cubic-bezier(.16, 1, .3, 1);

  --hl-on: var(--fg);
  --hl-off: color-mix(in oklab, var(--fg) 20%, transparent);
}