/* SiR.dNA — design tokens compiled from the design system (tokens.json). Noir is the default theme; .theme-blanc flips to Blanc. */
@font-face{font-family:'Archivo Black';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/ArchivoBlack-Regular.woff2) format('woff2');}
@font-face{font-family:'Archivo';font-weight:100 900;font-style:normal;font-display:swap;src:url(../fonts/Archivo-Variable.woff2) format('woff2');}
@font-face{font-family:'Space Mono';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/SpaceMono-Regular.woff2) format('woff2');}
@font-face{font-family:'Space Mono';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/SpaceMono-Bold.woff2) format('woff2');}
@font-face{font-family:'Noto Sans JP';font-weight:900;font-style:normal;font-display:swap;src:url(../fonts/NotoSansJP-Black-subset.woff2) format('woff2');}
@font-face{font-family:'Noto Sans JP';font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/NotoSansJP-Bold-subset.woff2) format('woff2');}
:root {
  --ground: #000000;
  --ground-raised: #111111;
  --ground-inverse: #ffffff;
  --ink: #ffffff;
  --ink-muted: #8f8f8f;
  --ink-inverse: #000000;
  --line: #ffffff;
  --line-muted: #2e2e2e;
  --accent: #f2231b;
  --on-accent: #000000;
  --signal-cyan: #00e5ff;
  --signal-yellow: #ffe600;
  --on-signal: #000000;
  --bars-white: #bfbfbf;
  --bars-yellow: #bfbf00;
  --bars-cyan: #00bfbf;
  --bars-green: #00bf00;
  --bars-magenta: #bf00bf;
  --bars-red: #bf0000;
  --bars-blue: #0000bf;
  --focus: #ffe600;
  --focus-halo: #000000;
  --overlay: rgba(0,0,0,0.55);
  --ghost: rgba(255,255,255,0.12);
  --glass: rgba(0,0,0,0.38);
  --shadow-none: none;
  --shadow-misprint-accent: 6px 6px 0 #f2231b;
  --shadow-misprint-cyan: -4px 4px 0 #00e5ff;
  --shadow-block: 8px 8px 0 #ffffff;
  --shadow-focus: 0 0 0 2px #ffe600, 0 0 0 4px #000000;
  --shadow-glow-accent: 0 0 10px 2px #f2231b, 0 0 26px 4px rgba(242,35,27,0.55);
  --shadow-glow-ink: 0 0 8px 1px rgba(255,255,255,0.55);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-none: 0;
  --radius-pill: 9999px;
  --radius-dot: 50%;
  --stroke-hair: 1px;
  --stroke-rule: 2px;
  --stroke-heavy: 4px;
  --stroke-tape: 12px;
  --stroke-bars: 32px;
  --tilt-1: -3deg;
  --tilt-2: 2deg;
  --tilt-3: -8deg;
  --tilt-4: 90deg;
  --tilt-5: -90deg;
  --opacity-ghost: 0.12;
  --opacity-scrim: 0.55;
  --opacity-disabled: 0.4;
  --z-slide: 0;
  --z-stray: 20;
  --z-nav: 40;
  --z-overlay: 60;
  --font-display: "Archivo Black", "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-sans: "Archivo", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "Space Mono", "Courier New", monospace;
  --font-jp: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
}
.theme-blanc {
  --ground: #ffffff;
  --ground-raised: #f2f2f2;
  --ground-inverse: #000000;
  --ink: #000000;
  --ink-muted: #595959;
  --ink-inverse: #ffffff;
  --line: #000000;
  --line-muted: #d6d6d6;
  --accent: #d81a12;
  --on-accent: #ffffff;
  --signal-cyan: #00e5ff;
  --signal-yellow: #ffe600;
  --on-signal: #000000;
  --bars-white: #bfbfbf;
  --bars-yellow: #bfbf00;
  --bars-cyan: #00bfbf;
  --bars-green: #00bf00;
  --bars-magenta: #bf00bf;
  --bars-red: #bf0000;
  --bars-blue: #0000bf;
  --focus: #000000;
  --focus-halo: #ffffff;
  --overlay: rgba(0,0,0,0.55);
  --ghost: rgba(0,0,0,0.10);
  --glass: rgba(255,255,255,0.45);
  --shadow-none: none;
  --shadow-misprint-accent: 6px 6px 0 #d81a12;
  --shadow-misprint-cyan: -4px 4px 0 #00e5ff;
  --shadow-block: 8px 8px 0 #000000;
  --shadow-focus: 0 0 0 2px #000000, 0 0 0 4px #ffffff;
  --shadow-glow-accent: 0 0 10px 2px #d81a12, 0 0 26px 4px rgba(216,26,18,0.55);
  --shadow-glow-ink: 0 0 8px 1px rgba(0,0,0,0.4);
}