/* braingate — generated from theme/tokens.json */
:root, [data-theme="light"] {
  color-scheme: light;
  --brand-teal: #09abba;
  --brand-aqua: #65dae4;
  --brand-gray: #3f4247;
  --surface: #ffffff;
  --surface-subtle: #f3f7f8;
  --surface-tint: #e2f4f7;
  --surface-inverse: var(--brand-gray);
  --ink: var(--brand-gray);
  --ink-strong: #1f2224;
  --ink-muted: #687378;
  --border: #d5dfe2;
  --border-strong: #87949a;
  --action: #067582;
  --on-action: #ffffff;
  --focus-ring: var(--action);
  --danger: #c0362c;
  --font-display: Montserrat, "IBM Plex Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-sans: "IBM Plex Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 48px;
  --space-6: 96px;
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --radius-full: 9999px;
}
[data-theme="dark"] {
  color-scheme: dark;
  --brand-teal: #09abba;
  --brand-aqua: #65dae4;
  --brand-gray: #3f4247;
  --surface: #13181a;
  --surface-subtle: #1b2124;
  --surface-tint: #1c4550;
  --surface-inverse: #e5ecee;
  --ink: #e5ecee;
  --ink-strong: #ffffff;
  --ink-muted: #98a5aa;
  --border: #2d373b;
  --border-strong: #687880;
  --action: #65dae4;
  --on-action: #082a30;
  --focus-ring: var(--action);
  --danger: #ff8a7a;
}

@font-face { font-family: "Montserrat"; src: url("/assets/fonts/Montserrat-Variable.ddd8df53a6.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Montserrat"; src: url("/assets/fonts/Montserrat-Italic-Variable.b1a0723e87.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "IBM Plex Sans JP"; src: url("/assets/fonts/IBMPlexSansJP-Regular.406b6d7ce0.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Sans JP"; src: url("/assets/fonts/IBMPlexSansJP-SemiBold.f15c453a41.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "IBM Plex Mono"; src: url("/assets/fonts/IBMPlexMono-Regular.ba204497f1.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }