/* Generated from ../byflow/src/brand/brand.json by scripts/build.mjs. Do not edit; edit brand.json in the game folder. */
:root {
  color-scheme: light;
  --bg: #F2F2F7;
  --surface: #FFFFFF;
  --surface-2: #F7F7FA;
  --surface-3: #E5E5EA;
  --glass: rgba(255, 255, 255, 0.82);
  --border: rgba(60, 60, 67, 0.20);
  --border-strong: rgba(60, 60, 67, 0.72);
  --wash-1: rgba(60, 60, 67, 0.05);
  --wash-2: rgba(60, 60, 67, 0.09);
  --wash-3: rgba(60, 60, 67, 0.15);
  --scrim: rgba(0, 0, 0, 0.30);
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.08), 0 8px 24px rgba(0, 0, 0, 0.12);
  --text: #0E0A06;
  --text-dim: #48484D;
  --text-faint: #636368;
  --accent: #F5A420;
  --accent-hover: #D78100;
  --on-accent: #110C09;
  --accent-text: #8F4F00;
  --accent-graphic: #B86A00;
  --info: #1E4FA3;
  --info-text: #1E4FA3;
  --on-info: #FFFFFF;
  --caution: #C55300;
  --caution-text: #9E4300;
  --on-caution: #FFFFFF;
  --alert: #D92D20;
  --alert-text: #B3362C;
  --on-alert: #FFFFFF;
  --focus: #B86A00;
  --focus-inner: #FFFFFF;
  --brand-amber: #F5A420;
  --brand-ink: #0E0A06;
  --font: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'SF Pro Text', system-ui, 'Helvetica Neue', Arial, sans-serif;
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'SF Pro Display', system-ui, 'Helvetica Neue', Arial, sans-serif;
  --mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', SFMono-Regular, Menlo, Consolas, monospace;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0E0A06;
    --surface: #18130E;
    --surface-2: #211C16;
    --surface-3: #2F2A25;
    --glass: rgba(24, 19, 14, 0.80);
    --border: rgba(234, 231, 227, 0.14);
    --border-strong: rgba(234, 231, 227, 0.54);
    --wash-1: rgba(255, 255, 255, 0.05);
    --wash-2: rgba(255, 255, 255, 0.09);
    --wash-3: rgba(255, 255, 255, 0.15);
    --scrim: rgba(0, 0, 0, 0.60);
    --shadow: 0 1px 2px rgba(0, 0, 0, 0.40), 0 12px 32px rgba(0, 0, 0, 0.45);
    --text: #F7F5F2;
    --text-dim: #C4C0BB;
    --text-faint: #A29D97;
    --accent: #F5A420;
    --accent-hover: #FFB84D;
    --on-accent: #110C09;
    --accent-text: #FBD28A;
    --accent-graphic: #F5A420;
    --info: #7FB0EE;
    --info-text: #9CC4F2;
    --on-info: #0E0A06;
    --caution: #FF9230;
    --caution-text: #FFA864;
    --on-caution: #1A0C00;
    --alert: #FF4245;
    --alert-text: #FF7B7D;
    --on-alert: #1A0000;
    --focus: #FBD28A;
    --focus-inner: #18130E;
    --brand-amber: #F5A420;
    --brand-ink: #0E0A06;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0E0A06;
  --surface: #18130E;
  --surface-2: #211C16;
  --surface-3: #2F2A25;
  --glass: rgba(24, 19, 14, 0.80);
  --border: rgba(234, 231, 227, 0.14);
  --border-strong: rgba(234, 231, 227, 0.54);
  --wash-1: rgba(255, 255, 255, 0.05);
  --wash-2: rgba(255, 255, 255, 0.09);
  --wash-3: rgba(255, 255, 255, 0.15);
  --scrim: rgba(0, 0, 0, 0.60);
  --shadow: 0 1px 2px rgba(0, 0, 0, 0.40), 0 12px 32px rgba(0, 0, 0, 0.45);
  --text: #F7F5F2;
  --text-dim: #C4C0BB;
  --text-faint: #A29D97;
  --accent: #F5A420;
  --accent-hover: #FFB84D;
  --on-accent: #110C09;
  --accent-text: #FBD28A;
  --accent-graphic: #F5A420;
  --info: #7FB0EE;
  --info-text: #9CC4F2;
  --on-info: #0E0A06;
  --caution: #FF9230;
  --caution-text: #FFA864;
  --on-caution: #1A0C00;
  --alert: #FF4245;
  --alert-text: #FF7B7D;
  --on-alert: #1A0000;
  --focus: #FBD28A;
  --focus-inner: #18130E;
  --brand-amber: #F5A420;
  --brand-ink: #0E0A06;
}