/* Generated from brand/design-tokens.json by brand/scripts/build-design-tokens.cjs. */
:root {
  --brand-turquoise: #01D5F0;
  --brand-carbon: #101010;
  --brand-white: #FFFFFF;
  --brand-cool-white: #F5F7F8;
  --bg: #F5F7F8;
  --surface: #FFFFFF;
  --surface-raised: #FFFFFF;
  --text: #101010;
  --text-secondary: #525D63;
  --line: #D5DDE0;
  --control-border: #68777E;
  --accent: #01D5F0;
  --accent-text: #101010;
  --accent-hover: #00BCD4;
  --link: #006673;
  --focus: #006673;
  --selected-bg: #E6FBFE;
  --success: #006F46;
  --success-bg: #ECF9F1;
  --danger: #B42318;
  --danger-bg: #FEF3F2;
  --warning: #8A4B00;
  --warning-bg: #FFF6E8;
  --info: #135FB3;
  --info-bg: #EFF6FF;

  --font-sans: "Montserrat", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --shadow-sm: 0 2px 5px rgb(16 16 16 / 0.05);
  --shadow-md: 0 2px 4px -2px rgb(16 16 16 / 0.08), 0 14px 36px -12px rgb(16 16 16 / 0.12);
  --shadow-lg: 0 16px 48px rgb(16 16 16 / 0.16);
  --shadow-accent: none;
  --shadow-glow: none;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 10px;
  --radius-card: 20px;
  --radius-dialog: 24px;
  --radius-pill: 999px;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --bg: #101010;
  --surface: #191D20;
  --surface-raised: #22282C;
  --text: #F5F7F8;
  --text-secondary: #B1BCC3;
  --line: #343F46;
  --control-border: #80939D;
  --accent: #01D5F0;
  --accent-text: #101010;
  --accent-hover: #00BCD4;
  --link: #01D5F0;
  --focus: #01D5F0;
  --selected-bg: #173B41;
  --success: #4DDD9D;
  --success-bg: #142D23;
  --danger: #FFA8A0;
  --danger-bg: #351B1A;
  --warning: #FFD27F;
  --warning-bg: #342817;
  --info: #A2C8FF;
  --info-bg: #1B283A;
  color-scheme: dark;
  --shadow-sm: 0 1px 4px rgb(0 0 0 / 0.16);
  --shadow-md: 0 8px 24px rgb(0 0 0 / 0.20);
  --shadow-lg: 0 16px 48px rgb(0 0 0 / 0.28);
}

/* Fallback before theme-bootstrap.js, or when JavaScript is unavailable. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
  --bg: #101010;
  --surface: #191D20;
  --surface-raised: #22282C;
  --text: #F5F7F8;
  --text-secondary: #B1BCC3;
  --line: #343F46;
  --control-border: #80939D;
  --accent: #01D5F0;
  --accent-text: #101010;
  --accent-hover: #00BCD4;
  --link: #01D5F0;
  --focus: #01D5F0;
  --selected-bg: #173B41;
  --success: #4DDD9D;
  --success-bg: #142D23;
  --danger: #FFA8A0;
  --danger-bg: #351B1A;
  --warning: #FFD27F;
  --warning-bg: #342817;
  --info: #A2C8FF;
  --info-bg: #1B283A;
    color-scheme: dark;
  }
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme]) { color-scheme: light; }
}