@font-face {
  font-family: "Archivo"; font-style: normal;
  font-weight: 300 800; font-stretch: 75% 125%; font-display: swap;
  src: url(../fonts/archivo-latin-var.woff2) format("woff2");
}
@font-face {
  font-family: "JetBrains Mono"; font-style: normal;
  font-weight: 400 700; font-display: swap;
  src: url(../fonts/jetbrains-mono-latin-var.woff2) format("woff2");
}

:root {
  color-scheme: dark;
  --void-900:#090b0f; --void-850:#0e1116; --void-800:#12161d; --void-750:#171c25;
  --void-700:#1c222d; --void-600:#232b38; --void-500:#313c4e; --void-450:#7b8798;
  --void-300:#9aa4b6; --void-200:#c7cedb; --void-100:#e8edf4;
  --arc-teal:#2fe4d6; --arc-blue:#3d8bff; --arc-green:#43d98b;
  --arc-yellow:#f5d33c; --arc-red:#ff5266;

  --text-2xs:8.5px; --text-xs:9.5px; --text-sm:10.5px; --text-md:11.5px;
  --text-base:13px; --text-lg:15px; --text-xl:21px; --text-2xl:28px; --text-3xl:40px;
  --text-4xl:64px;
  --weight-regular:400; --weight-medium:500; --weight-semibold:600; --weight-bold:700;
  --leading-tight:1.1; --leading-snug:1.35; --leading-body:1.5; --leading-loose:1.7;
  --track-stencil:.14em; --track-label:.10em; --track-wide:.06em;
  --track-normal:.01em; --track-tight:-.01em;

  --font-core: "Archivo", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", "Cascadia Mono", "Consolas", ui-monospace, monospace;

  --space-1:2px; --space-2:4px; --space-3:6px; --space-4:8px; --space-5:10px;
  --space-6:12px; --space-7:14px; --space-8:16px; --space-10:20px; --space-12:24px;
  --h-topbar:48px;

  --chamfer-sm: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
  --chamfer: polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);
  --chamfer-lg: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
  --border-hair: 1px solid var(--line-hair);
  --border-edge: 1px solid var(--line-edge);
  --diamond: rotate(45deg);
  --hex-clip: polygon(50% 0, 100% 28%, 100% 72%, 50% 100%, 0 72%, 0 28%);
  --grid-size: 28px 28px;
  --grid-field:
    linear-gradient(var(--grid-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);

  --dur-instant:120ms; --dur-fast:200ms; --dur-base:460ms;
  --ease-out: cubic-bezier(.2,.7,.3,1);
  --ease-linear: linear;

  --starfield:
    radial-gradient(1.4px 1.4px at 8% 22%, rgba(255,255,255,.9), transparent 62%),
    radial-gradient(1px 1px at 21% 68%, rgba(255,255,255,.6), transparent 62%),
    radial-gradient(1.6px 1.6px at 34% 12%, rgba(255,255,255,.8), transparent 62%),
    radial-gradient(1px 1px at 47% 82%, rgba(200,220,255,.7), transparent 62%),
    radial-gradient(1.2px 1.2px at 58% 34%, rgba(255,255,255,.75), transparent 62%),
    radial-gradient(1px 1px at 69% 74%, rgba(255,255,255,.55), transparent 62%),
    radial-gradient(1.6px 1.6px at 78% 26%, rgba(255,255,255,.85), transparent 62%),
    radial-gradient(1px 1px at 88% 58%, rgba(210,225,255,.65), transparent 62%),
    radial-gradient(1.2px 1.2px at 95% 14%, rgba(255,255,255,.7), transparent 62%),
    radial-gradient(1px 1px at 14% 92%, rgba(255,255,255,.5), transparent 62%);

  --band-1: var(--arc-blue); --band-2: var(--arc-green);
  --band-3: var(--arc-yellow); --band-4: var(--arc-red);
  --band-strip: linear-gradient(90deg, var(--band-1) 0 25%, var(--band-2) 25% 50%, var(--band-3) 50% 75%, var(--band-4) 75% 100%);

  --surface-void: var(--void-900);  --surface-shell: var(--void-850);
  --surface-panel: var(--void-800); --surface-well: var(--void-750);
  --surface-hover: var(--void-700);
  --line-hair: var(--void-600);     --line-edge: var(--void-500);
  --text-body: var(--void-100);     --text-dim: var(--void-300);
  --text-mute: var(--void-450);

  --accent: var(--void-100); --accent-ink: var(--void-900);
  --accent-soft: rgba(232,237,244,.07);

  --signal-fail: var(--band-4);
  --signal-ok:   var(--band-2);
  --signal-warn: var(--band-3);
  --signal-work: var(--band-1);
  --signal-aux:  var(--arc-teal);

  --grid-line: rgba(255,255,255,.04);
  --starfield-opacity: .9;
}