/* Generated by scripts/build-brand.mjs. Edit design/tokens.json. */
:root {
  color-scheme: dark;
  --bg-main: #101418;
  --bg-elevated: #171d23;
  --bg-band: #1c242c;
  --text-primary: #f6f8fa;
  --text-muted: #bac7d2;
  --text-subtle: #91a3b2;
  --brand-primary: #62ddf4;
  --link-hover: #9ceafb;
  --button-text: #101418;
  --border-color: #34434f;
  --border-strong: #556775;
  --success: #8fe2b5;
  --success-surface: #183a2c;
  --danger: #ffb5b9;
  --danger-surface: #42252d;
  --warning: #ffda94;
  --warning-surface: #40351f;
}
html[data-theme="light"] {
  color-scheme: light;
  --bg-main: #f6f8fa;
  --bg-elevated: #ffffff;
  --bg-band: #eaf0f4;
  --text-primary: #101418;
  --text-muted: #455968;
  --text-subtle: #536b79;
  --brand-primary: #006e83;
  --link-hover: #004f60;
  --button-text: #ffffff;
  --border-color: #c5d0d8;
  --border-strong: #7b909e;
  --success: #17613b;
  --success-surface: #e2f4e9;
  --danger: #9d273c;
  --danger-surface: #ffedf0;
  --warning: #79520d;
  --warning-surface: #fff3d7;
}
:root {
  --brand-accent: var(--brand-primary);
  --brand-secondary: #7657ff;
  --highlight: var(--brand-primary);
  --bg-soft: var(--bg-band);
  --panel-bg: var(--bg-elevated);
  --panel-bg-strong: var(--bg-elevated);
  --nav-bg: var(--bg-main);
  --nav-menu-bg: var(--bg-elevated);
  --input-bg: var(--bg-main);
  --footer-bg: var(--bg-main);
  --modal-bg: var(--bg-elevated);
  --hero-subtitle-color: var(--text-muted);
  --text: var(--text-primary);
  --accent: var(--brand-primary);
  --card-bg: var(--bg-elevated);
  --surface-muted: var(--bg-band);
  --border-color-strong: var(--border-strong);
  --glass-bg: var(--panel-bg);
  --hero-bg-start: var(--bg-main);
  --hero-bg-end: var(--bg-elevated);
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --spacing-24: 96px;
  --radius-control: 4px;
  --radius-panel: 8px;
  --radius-round: 999px;
  --motion-fast: 140ms;
  --motion-normal: 220ms;
  --layout-content: 1240px;
  --layout-article: 820px;
  --layout-gutter: clamp(20px, 4vw, 64px);
  --typography-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --typography-mono: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --typography-body: 1rem;
  --typography-small: .875rem;
  --typography-label: .75rem;
  --typography-h1: clamp(2.7rem, 4.8vw, 4.6rem);
  --typography-h2: clamp(2rem, 3.2vw, 3.15rem);
  --typography-h3: 1.5rem;
  --radius: var(--radius-panel);
  --shadow: 0 24px 80px #0003;
  --shadow-soft: 0 14px 42px #0002;
  --modal-backdrop: #080c10b8;
  --focus-ring: color-mix(in srgb, var(--brand-primary) 24%, transparent);
  --page-gradient: linear-gradient(var(--bg-main), var(--bg-main));
  --careers-gradient: var(--page-gradient);
  --hero-overlay-bg: var(--page-gradient);
  --hero-glow: transparent;
}