/* Shared design tokens for ariv24.com and xrefcodes.com (Geist-inspired: high contrast, hairline borders). */

/* Geist Sans + Geist Mono, self-hosted (SIL OFL 1.1, see fonts/GEIST-LICENSE.txt) */
@font-face {
  font-family: "Geist";
  src: url("../fonts/Geist-Variable.68be1efffc77.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("../fonts/GeistMono-Variable.6f7e3c2d46d5.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap;
}

:root {
  color-scheme: light;
  --bg: #ffffff; --bg-2: #fafafa; --surface: #ffffff;
  --border: #eaeaea; --border-strong: #cfcfcf;
  --text: #171717; --muted: #666666; --faint: #8f8f8f;
  --accent: #0070f3; --run-bg: rgba(0, 112, 243, 0.1);
  --ok: #18a957; --ok-bg: rgba(24, 169, 87, 0.12);
  --grid-line: rgba(0, 0, 0, 0.05); --spot: rgba(0, 112, 243, 0.07);
  --glow: rgba(0, 112, 243, 0.10); --glow-2: rgba(24, 169, 87, 0.06);
  --font-sans: "Geist", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --gap: 12px; --r-tile: 18px; --r-inner: 10px; --r-pill: 999px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #000000; --bg-2: #0a0a0a; --surface: #0a0a0a;
    --border: #242424; --border-strong: #3d3d3d;
    --text: #ededed; --muted: #a1a1a1; --faint: #7d7d7d;
    --accent: #52a8ff; --run-bg: rgba(82, 168, 255, 0.14);
    --ok: #3ddc84; --ok-bg: rgba(61, 220, 132, 0.12);
    --grid-line: rgba(255, 255, 255, 0.05); --spot: rgba(255, 255, 255, 0.06);
    --glow: rgba(82, 168, 255, 0.13); --glow-2: rgba(61, 220, 132, 0.06);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #000000; --bg-2: #0a0a0a; --surface: #0a0a0a;
  --border: #242424; --border-strong: #3d3d3d;
  --text: #ededed; --muted: #a1a1a1; --faint: #7d7d7d;
  --accent: #52a8ff; --run-bg: rgba(82, 168, 255, 0.14);
  --ok: #3ddc84; --ok-bg: rgba(61, 220, 132, 0.12);
  --grid-line: rgba(255, 255, 255, 0.05); --spot: rgba(255, 255, 255, 0.06);
  --glow: rgba(82, 168, 255, 0.13); --glow-2: rgba(61, 220, 132, 0.06);
}