/* ghostop-ui tokens, generated from the design system's tokens.json
   (https://claude.ai/artifact/VFF4drCpfaSnAMJRsXxV2H). Do not hand-edit:
   change the design system and regenerate.

   Dark is the system's primary theme and the default here. Light applies
   when the OS prefers it, unless the user picked a theme explicitly
   (html[data-theme], set by the theme switch), which always wins. */

@font-face { font-family: "Muar Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/Muar-Stencil.ttf") format("truetype"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/IBMPlexMono-400-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/IBMPlexMono-400-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/IBMPlexMono-500-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/IBMPlexMono-500-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/IBMPlexMono-600-latin.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/IBMPlexMono-600-latin-ext.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

:root {
  color-scheme: dark;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-none: 0;
  --radius-xs: 2px;
  --radius-dot: 50%;
  --font-stencil: "Muar Mono", "Saira Stencil One", ui-monospace, monospace;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --bg: #0a0b0b;
  --surface: #141616;
  --surface-raised: #1d2020;
  --line: #2e3232;
  --line-strong: #6b7170;
  --ink: #e6e8e6;
  --ink-muted: #9ba09e;
  --command: #d4d7d5;
  --on-command: #0a0b0b;
  --nominal: #8fc27a;
  --nominal-soft: #16220f;
  --caution: #d9a23a;
  --caution-soft: #2a2210;
  --critical: #f0624f;
  --critical-soft: #2e1512;
  --grid: #161818;
  --shadow-overlay: 0 0 0 1px #2e3232, 0 16px 40px #000000cc;
  --focus-ring: 0 0 0 2px #0a0b0b, 0 0 0 4px #e6e8e6;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --bg: #f2f2f0;
    --surface: #ffffff;
    --surface-raised: #e6e7e5;
    --line: #c9cbc8;
    --line-strong: #828683;
    --ink: #111313;
    --ink-muted: #555a58;
    --command: #1a1c1c;
    --on-command: #f2f2f0;
    --nominal: #2f6b1f;
    --nominal-soft: #dfeed6;
    --caution: #8a5a00;
    --caution-soft: #f6ead2;
    --critical: #b3261e;
    --critical-soft: #f7dcd8;
    --grid: #e3e4e2;
    --shadow-overlay: 0 0 0 1px #c9cbc8, 0 16px 40px #11131333;
    --focus-ring: 0 0 0 2px #f2f2f0, 0 0 0 4px #111313;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f2f2f0;
  --surface: #ffffff;
  --surface-raised: #e6e7e5;
  --line: #c9cbc8;
  --line-strong: #828683;
  --ink: #111313;
  --ink-muted: #555a58;
  --command: #1a1c1c;
  --on-command: #f2f2f0;
  --nominal: #2f6b1f;
  --nominal-soft: #dfeed6;
  --caution: #8a5a00;
  --caution-soft: #f6ead2;
  --critical: #b3261e;
  --critical-soft: #f7dcd8;
  --grid: #e3e4e2;
  --shadow-overlay: 0 0 0 1px #c9cbc8, 0 16px 40px #11131333;
  --focus-ring: 0 0 0 2px #f2f2f0, 0 0 0 4px #111313;
}