/* Prompters Anonymous — tokens. Copied from the design system's tokens.css.
   Dark is the default; light follows the visitor's system setting. */
:root, [data-theme="dark"] {
  --bg: #12100C;
  --bg-raised: #1C1912;
  --bg-sunk: #0C0A07;
  --rule: #383226;
  --ink: #F3E9D6;
  --ink-muted: #A89A80;
  --amber: #FFB547;
  --amber-edge: #B9741A;
  --on-amber: #12100C;
  --amber-text: #FFB547;
  --amber-soft: #2B2210;
  --focus: #FFB547;
  --success: #B7CF7A;
  --danger: #F29880;
  --highlight: rgba(255,255,255,0.35);
  --edge: #000000;
  --metal-aluminum: #9A9FA6;
  --metal-aluminum-hi: #C4C8CD;
  --metal-aluminum-lo: #62686F;
  --metal-aluminum-edge: #4A4F55;
  --metal-aluminum-engrave: #1C1F23;
  --metal-copper: #C86A48;
  --metal-copper-hi: #F7B79C;
  --metal-copper-lo: #7A2E16;
  --metal-copper-edge: #5A200E;
  --metal-copper-engrave: #260A02;
  --metal-silver: #D3D7DC;
  --metal-silver-hi: #FFFFFF;
  --metal-silver-lo: #8C939B;
  --metal-silver-edge: #6A7078;
  --metal-silver-engrave: #23272C;
  --metal-brass: #C9A23A;
  --metal-brass-hi: #F4DC8E;
  --metal-brass-lo: #7A5C10;
  --metal-brass-edge: #5E460B;
  --metal-brass-engrave: #3A2C04;
  --ansi-00-black: #12100C;
  --ansi-01-red: #F29880;
  --ansi-02-green: #B7CF7A;
  --ansi-03-yellow: #FFB547;
  --ansi-04-blue: #8FB3D9;
  --ansi-05-magenta: #D9A3C4;
  --ansi-06-cyan: #8CC7C0;
  --ansi-07-white: #E8D9BC;
  --ansi-08-bright-black: #8C7E64;
  --ansi-09-bright-red: #FFB3A0;
  --ansi-10-bright-green: #CFE39A;
  --ansi-11-bright-yellow: #FFD08A;
  --ansi-12-bright-blue: #AFC8E8;
  --ansi-13-bright-magenta: #EBC0DA;
  --ansi-14-bright-cyan: #AEDCD6;
  --ansi-15-bright-white: #FFF6E6;
  --term-bg: #0C0A07;
  --term-fg: var(--ansi-07-white);
  --shadow-key: inset 0 1px 0 rgba(255,255,255,0.35), 2px 2px 0 #B9741A;
  --shadow-key-pressed: inset 0 1px 0 rgba(255,255,255,0.2), 0 0 0 #B9741A;
  --shadow-raised: inset 0 1px 0 rgba(255,255,255,0.06), 2px 2px 0 #000000;
  --shadow-none: none;
  color-scheme: dark;
}
[data-theme="light"] {
  --bg: #F3EEE4;
  --bg-raised: #FBF8F1;
  --bg-sunk: #E9E2D4;
  --rule: #D6CCBA;
  --ink: #221C12;
  --ink-muted: #6A5E4A;
  --amber: #FFB547;
  --amber-edge: #B9741A;
  --on-amber: #221C12;
  --amber-text: #8A5300;
  --amber-soft: #FBE6BF;
  --focus: #8A5300;
  --success: #4A6B1F;
  --danger: #A3361F;
  --highlight: rgba(255,255,255,0.7);
  --edge: #C9BDA6;
  --ansi-00-black: #221C12;
  --ansi-01-red: #A3361F;
  --ansi-02-green: #4A6B1F;
  --ansi-03-yellow: #8A5300;
  --ansi-04-blue: #2F5A8A;
  --ansi-05-magenta: #8A3A6A;
  --ansi-06-cyan: #1F6E6A;
  --ansi-07-white: #3A3226;
  --ansi-08-bright-black: #75684F;
  --ansi-09-bright-red: #C2462B;
  --ansi-10-bright-green: #3A5A14;
  --ansi-11-bright-yellow: #6E4200;
  --ansi-12-bright-blue: #24477A;
  --ansi-13-bright-magenta: #702C55;
  --ansi-14-bright-cyan: #18605C;
  --ansi-15-bright-white: #12100C;
  --term-bg: #FBF8F1;
  --term-fg: var(--ansi-07-white);
  --shadow-key: inset 0 1px 0 rgba(255,255,255,0.7), 2px 2px 0 #B9741A;
  --shadow-key-pressed: inset 0 1px 0 rgba(255,255,255,0.4), 0 0 0 #B9741A;
  --shadow-raised: inset 0 1px 0 rgba(255,255,255,0.7), 2px 2px 0 #C9BDA6;
  --shadow-none: none;
  color-scheme: light;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-full: 9999px;
  --stroke-hair: 1px;
  --stroke-strong: 2px;
  --motion-press: 80ms;
  --motion-copy: 1800ms;
  --motion-award: 900ms;
  --font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Courier Prime", "Courier New", ui-monospace, monospace;
}
.display-xl { font-family: var(--font-display); font-size: 88px; line-height: 0.92; font-weight: 800; }
.display-lg { font-family: var(--font-display); font-size: 56px; line-height: 1; font-weight: 800; }
.display-md { font-family: var(--font-display); font-size: 32px; line-height: 1.05; font-weight: 800; letter-spacing: 0.01em; }
.lead { font-family: var(--font-body); font-size: 21px; line-height: 31px; font-weight: 400; }
.body { font-family: var(--font-body); font-size: 17px; line-height: 27px; font-weight: 400; }
.body-sm { font-family: var(--font-body); font-size: 15px; line-height: 23px; font-weight: 400; }
.label { font-family: var(--font-body); font-size: 13px; line-height: 16px; font-weight: 700; letter-spacing: 0.08em; }
.mono { font-family: var(--font-mono); font-size: 16px; line-height: 24px; font-weight: 400; }
.mono-strong { font-family: var(--font-mono); font-size: 16px; line-height: 24px; font-weight: 700; }
.mono-sm { font-family: var(--font-mono); font-size: 13px; line-height: 20px; font-weight: 400; }

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
  --bg: #F3EEE4;
  --bg-raised: #FBF8F1;
  --bg-sunk: #E9E2D4;
  --rule: #D6CCBA;
  --ink: #221C12;
  --ink-muted: #6A5E4A;
  --amber: #FFB547;
  --amber-edge: #B9741A;
  --on-amber: #221C12;
  --amber-text: #8A5300;
  --amber-soft: #FBE6BF;
  --focus: #8A5300;
  --success: #4A6B1F;
  --danger: #A3361F;
  --highlight: rgba(255,255,255,0.7);
  --edge: #C9BDA6;
  --ansi-00-black: #221C12;
  --ansi-01-red: #A3361F;
  --ansi-02-green: #4A6B1F;
  --ansi-03-yellow: #8A5300;
  --ansi-04-blue: #2F5A8A;
  --ansi-05-magenta: #8A3A6A;
  --ansi-06-cyan: #1F6E6A;
  --ansi-07-white: #3A3226;
  --ansi-08-bright-black: #75684F;
  --ansi-09-bright-red: #C2462B;
  --ansi-10-bright-green: #3A5A14;
  --ansi-11-bright-yellow: #6E4200;
  --ansi-12-bright-blue: #24477A;
  --ansi-13-bright-magenta: #702C55;
  --ansi-14-bright-cyan: #18605C;
  --ansi-15-bright-white: #12100C;
  --term-bg: #FBF8F1;
  --term-fg: var(--ansi-07-white);
  --shadow-key: inset 0 1px 0 rgba(255,255,255,0.7), 2px 2px 0 #B9741A;
  --shadow-key-pressed: inset 0 1px 0 rgba(255,255,255,0.4), 0 0 0 #B9741A;
  --shadow-raised: inset 0 1px 0 rgba(255,255,255,0.7), 2px 2px 0 #C9BDA6;
  --shadow-none: none;
  color-scheme: light;
  }
}