/* PistonRadar — fonts and theme tokens, shared by the site and the admin. */
@font-face { font-family: "Barlow Condensed"; font-weight: 600; font-style: normal; font-display: swap;
  src: url("../fonts/barlow-condensed-latin-600-normal.16cc9e59e14c.woff2") format("woff2"); }
@font-face { font-family: "Barlow Condensed"; font-weight: 800; font-style: italic; font-display: swap;
  src: url("../fonts/barlow-condensed-latin-800-italic.395f8618318e.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 100 900; font-style: normal; font-display: swap;
  src: url("../fonts/inter-latin-wght-normal.260c81a4759b.woff2") format("woff2"); }
@font-face { font-family: "JetBrains Mono"; font-weight: 500; font-style: normal; font-display: swap;
  src: url("../fonts/jetbrains-mono-latin-500-normal.a21e038a03f7.woff2") format("woff2"); }

:root {
  color-scheme: dark;
  --bg: #0c0d0f;
  --bg-raised: #15171a;
  --bg-sunken: #08090a;
  --line: #262a30;
  --line-strong: #383d45;
  --text: #eceef1;
  --text-dim: #9aa1ab;
  --text-faint: #646b75;
  --accent: #ff5a1f;          /* signal orange */
  --accent-hot: #ff7a45;
  --accent-ink: #120700;
  --ok: #3ddc84;
  --warn: #ffc53d;
  --bad: #ff4d5e;

  --font-display: "Barlow Condensed", "Arial Narrow", "Roboto Condensed", sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --radius: 10px;
  --radius-sm: 6px;
  --gutter: clamp(16px, 4vw, 32px);
  --tabbar-h: 64px;
  --carbon:
    repeating-linear-gradient(45deg, rgba(255,255,255,.018) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.25) 0 2px, transparent 2px 4px);
  --bar-bg: rgba(12,13,15,.86);
  --bar-bg-solid: rgba(12,13,15,.94);
  --sheen: rgba(255,255,255,.025);
  --glass: rgba(12,13,15,.7);
  --swatch-border: rgba(255,255,255,.35);
}

/* Light theme: chosen explicitly (data-theme="light") or following the system (no attribute). */
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f3f4f6; --bg-raised: #ffffff; --bg-sunken: #e9ebef;
  --line: #dde1e6; --line-strong: #c3c9d1;
  --text: #14171b; --text-dim: #4b535d; --text-faint: #78808a;
  --accent: #e8490f; --accent-hot: #c93c08; --accent-ink: #ffffff;
  --ok: #12804a; --warn: #a76600; --bad: #c42033;
  --carbon:
    repeating-linear-gradient(45deg, rgba(0,0,0,.018) 0 2px, transparent 2px 4px),
    repeating-linear-gradient(-45deg, rgba(255,255,255,.5) 0 2px, transparent 2px 4px);
  --bar-bg: rgba(255,255,255,.86); --bar-bg-solid: rgba(255,255,255,.95);
  --sheen: rgba(255,255,255,.6); --glass: rgba(255,255,255,.85); --swatch-border: rgba(0,0,0,.25);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    color-scheme: light;
    --bg: #f3f4f6; --bg-raised: #ffffff; --bg-sunken: #e9ebef;
    --line: #dde1e6; --line-strong: #c3c9d1;
    --text: #14171b; --text-dim: #4b535d; --text-faint: #78808a;
    --accent: #e8490f; --accent-hot: #c93c08; --accent-ink: #ffffff;
    --ok: #12804a; --warn: #a76600; --bad: #c42033;
    --carbon:
      repeating-linear-gradient(45deg, rgba(0,0,0,.018) 0 2px, transparent 2px 4px),
      repeating-linear-gradient(-45deg, rgba(255,255,255,.5) 0 2px, transparent 2px 4px);
    --bar-bg: rgba(255,255,255,.86); --bar-bg-solid: rgba(255,255,255,.95);
    --sheen: rgba(255,255,255,.6); --glass: rgba(255,255,255,.85); --swatch-border: rgba(0,0,0,.25);
  }
}