/* Nexus Platform — design tokens. Generated from the design system's tokens.json (v1).
   Do not hand-edit: change the system and regenerate. Loads before bundle.css. */
:root {
  /* color */
  --surface: #f4f6f8;
  --surface-raised: #ffffff;
  --surface-sunken: #eceff3;
  --surface-overlay: #ffffff;
  --surface-hover: #f0f3f6;
  --surface-selected: #e4eff4;
  --shell: #12161c;
  --shell-raised: #1a1f27;
  --shell-line: #262d37;
  --shell-ink: #eef1f5;
  --shell-ink-muted: #a5aebb;
  --shell-active: #232a34;
  --line: #e1e5ea;
  --line-strong: #7a848f;
  --ink: #161a1f;
  --ink-secondary: #465160;
  --ink-muted: #5f6a78;
  --ink-disabled: #9aa3b0;
  --ink-inverse: #ffffff;
  --ink-on-fill: #ffffff;
  --primary: #0c6e90;
  --primary-hover: #08556f;
  --primary-active: #064457;
  --primary-soft: #e2f1f6;
  --primary-ink: #08556f;
  --focus: #0c6e90;
  --success: #157a5f;
  --success-soft: #dff4ee;
  --success-ink: #0f5e49;
  --warning: #9a6200;
  --warning-soft: #fbf1dc;
  --warning-ink: #7a4d00;
  --danger: #b83232;
  --danger-hover: #9a2626;
  --danger-soft: #fbe8e8;
  --danger-ink: #992626;
  --info: #2a63c4;
  --info-soft: #e7eefb;
  --info-ink: #224f9d;
  --neutral: #6b7482;
  --neutral-soft: #eceff3;
  --motion: #d84a2f;
  --motion-soft: #fdeae6;
  --pulse: #1f6feb;
  --pulse-soft: #e6eefc;
  --nexus: #b8602a;
  --nexus-soft: #fbeadc;
  --chart-1: #2a6fdb;
  --chart-2: #d9642e;
  --chart-3: #1ba37a;
  --chart-4: #b38300;
  --chart-5: #6f5bd8;
  --chart-6: #c94d8c;
  --chart-grid: var(--line);
  --chart-sequential: var(--primary);
  --link: var(--primary-ink);
  --input-bg: var(--surface-raised);
  --input-line: var(--line-strong);

  /* spacing */
  --space-0-5: 2px;
  --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 */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-pill: 999px;

  /* shadow */
  --shadow-sm: 0 1px 2px rgba(22, 26, 31, 0.06);
  --shadow-md: 0 4px 12px rgba(22, 26, 31, 0.10), 0 1px 3px rgba(22, 26, 31, 0.06);
  --shadow-lg: 0 16px 40px rgba(22, 26, 31, 0.18), 0 2px 6px rgba(22, 26, 31, 0.08);

  /* layout */
  --sidebar-width: 248px;
  --sidebar-width-collapsed: 64px;
  --topbar-height: 56px;
  --content-max: 1320px;
  --form-max: 640px;
  --control-height: 36px;
  --control-height-sm: 28px;
  --control-height-lg: 44px;
  --auth-card-width: 420px;

  /* zindex */
  --z-sticky: 10;
  --z-shell: 100;
  --z-menu: 500;
  --z-modal: 1000;
  --z-toast: 1100;

  /* type */
  --font-sans: "Segoe UI", "Segoe UI Variable Text", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Cascadia Code", "Cascadia Mono", Consolas, ui-monospace, "SF Mono", Menlo, monospace;
  --text-display: 600 32px/40px var(--font-sans);
  --text-display-tracking: -0.02em;
  --text-h1: 600 24px/32px var(--font-sans);
  --text-h1-tracking: -0.015em;
  --text-h2: 600 18px/26px var(--font-sans);
  --text-h2-tracking: -0.01em;
  --text-h3: 600 15px/22px var(--font-sans);
  --text-body: 400 14px/20px var(--font-sans);
  --text-body-lg: 400 16px/24px var(--font-sans);
  --text-body-strong: 600 14px/20px var(--font-sans);
  --text-small: 400 13px/18px var(--font-sans);
  --text-caption: 400 12px/16px var(--font-sans);
  --text-overline: 600 11px/16px var(--font-sans);
  --text-overline-tracking: 0.06em;
  --text-code: 400 13px/20px var(--font-mono);
  --text-numeral: 600 28px/34px var(--font-mono);
  --text-numeral-tracking: -0.02em;
}

:root[data-theme="dark"] {
  /* color */
  --surface: #0f1216;
  --surface-raised: #171b21;
  --surface-sunken: #0b0e12;
  --surface-overlay: #1f242c;
  --surface-hover: #1d222a;
  --surface-selected: #12262f;
  --shell: #0b0e12;
  --shell-raised: #12161c;
  --shell-line: #1f252d;
  --shell-ink: #eef1f5;
  --shell-ink-muted: #a5aebb;
  --shell-active: #1a2028;
  --line: #262d37;
  --line-strong: #6f7a88;
  --ink: #eef1f5;
  --ink-secondary: #b3bcc8;
  --ink-muted: #8d97a5;
  --ink-disabled: #5b6572;
  --ink-inverse: #0f1216;
  --ink-on-fill: #0f1216;
  --primary: #5cbfdc;
  --primary-hover: #7fd0e8;
  --primary-active: #a3dff0;
  --primary-soft: #0f2a34;
  --primary-ink: #8fd3e8;
  --focus: #5cbfdc;
  --success: #3fbf9b;
  --success-soft: #0e2a24;
  --success-ink: #6fd6b8;
  --warning: #e0a83a;
  --warning-soft: #33240a;
  --warning-ink: #f0c56a;
  --danger: #f07a76;
  --danger-hover: #f59a97;
  --danger-soft: #36171a;
  --danger-ink: #f7a29f;
  --info: #7fb0f2;
  --info-soft: #14243b;
  --info-ink: #a6c8f5;
  --neutral: #8d97a5;
  --neutral-soft: #242a33;
  --motion: #ff8a73;
  --motion-soft: #3a1a14;
  --pulse: #6ea8ff;
  --pulse-soft: #14233b;
  --nexus: #e39a5f;
  --nexus-soft: #3a2312;
  --chart-1: #4d8ef0;
  --chart-2: #dc6a3a;
  --chart-3: #22a37c;
  --chart-4: #b38300;
  --chart-5: #8f7ee8;
  --chart-6: #cf5a95;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {  
  /* color */
    --surface: #0f1216;
    --surface-raised: #171b21;
    --surface-sunken: #0b0e12;
    --surface-overlay: #1f242c;
    --surface-hover: #1d222a;
    --surface-selected: #12262f;
    --shell: #0b0e12;
    --shell-raised: #12161c;
    --shell-line: #1f252d;
    --shell-ink: #eef1f5;
    --shell-ink-muted: #a5aebb;
    --shell-active: #1a2028;
    --line: #262d37;
    --line-strong: #6f7a88;
    --ink: #eef1f5;
    --ink-secondary: #b3bcc8;
    --ink-muted: #8d97a5;
    --ink-disabled: #5b6572;
    --ink-inverse: #0f1216;
    --ink-on-fill: #0f1216;
    --primary: #5cbfdc;
    --primary-hover: #7fd0e8;
    --primary-active: #a3dff0;
    --primary-soft: #0f2a34;
    --primary-ink: #8fd3e8;
    --focus: #5cbfdc;
    --success: #3fbf9b;
    --success-soft: #0e2a24;
    --success-ink: #6fd6b8;
    --warning: #e0a83a;
    --warning-soft: #33240a;
    --warning-ink: #f0c56a;
    --danger: #f07a76;
    --danger-hover: #f59a97;
    --danger-soft: #36171a;
    --danger-ink: #f7a29f;
    --info: #7fb0f2;
    --info-soft: #14243b;
    --info-ink: #a6c8f5;
    --neutral: #8d97a5;
    --neutral-soft: #242a33;
    --motion: #ff8a73;
    --motion-soft: #3a1a14;
    --pulse: #6ea8ff;
    --pulse-soft: #14233b;
    --nexus: #e39a5f;
    --nexus-soft: #3a2312;
    --chart-1: #4d8ef0;
    --chart-2: #dc6a3a;
    --chart-3: #22a37c;
    --chart-4: #b38300;
    --chart-5: #8f7ee8;
    --chart-6: #cf5a95;
  }
}