/* Atomency — design tokens (marketing + shared references) */
:root {
  /* Semantic — warm lab-glass blacks (not flat #000 SaaS) */
  --color-bg: #050807;
  --color-ink: #0a0d0b;
  --color-ink-2: #0f1311;
  --color-ink-3: #151a17;
  --color-accent: #c69c2a;
  --color-accent-light: #e8b84b;
  --color-accent-dark: #8a6a10;
  --color-accent-dim: rgba(198, 156, 42, 0.1);
  --color-accent-glow: rgba(198, 156, 42, 0.22);
  --color-text: #ebe6dc;
  --color-text-muted: #b8ae98;
  --color-text-faint: #6d6658;
  --color-teal-glow: rgba(72, 110, 95, 0.14);
  --color-science: #4a9b78;
  --color-science-dim: rgba(74, 155, 120, 0.14);
  --color-rule: rgba(198, 156, 42, 0.14);
  --color-focus-ring: rgba(232, 184, 75, 0.55);

  /* Legacy aliases (existing pages + home) */
  --black: var(--color-bg);
  --ink: var(--color-ink);
  --ink-2: var(--color-ink-2);
  --ink-3: var(--color-ink-3);
  --gold: var(--color-accent);
  --gold-l: var(--color-accent-light);
  --gold-xl: #f5ce70;
  --gold-d: var(--color-accent-dark);
  --gold-dim: rgba(198, 156, 42, 0.08);
  --gold-glow: rgba(198, 156, 42, 0.3);
  --gold-line: rgba(198, 156, 42, 0.18);
  --text: var(--color-text);
  --text-2: var(--color-text-muted);
  --text-3: var(--color-text-faint);
  --text2: var(--text-2);
  --text3: var(--text-3);
  --rule: var(--color-rule);
  --science: var(--color-science);
  --science-dim: var(--color-science-dim);

  /* Typography — Inter + Playfair + JetBrains site-wide */
  --ff-display: "Playfair Display", Georgia, serif;
  --ff-ui: "Inter", system-ui, sans-serif;
  --ff-mono: "JetBrains Mono", monospace;
  --ff-body: var(--ff-ui);
  --ff-cond: var(--ff-ui);
  --ff: var(--ff-ui);
  --ff-serif: var(--ff-display);
  --ff-sans: var(--ff-ui);

  /* Marketing nav height (home overrides to 64px on #nav.nav--home) */
  --marketing-nav-h: 60px;
}

/* Focus visibility (a11y) */
:focus {
  outline: none;
}
:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 2px;
}
button:focus:not(:focus-visible) {
  outline: none;
}