/* GENERATED by web/ui/tokens/build.mjs from tokens.json. Do not edit; change tokens.json and run: node web/ui/tokens/build.mjs */
:root{
  --q-color-primary:#2448d8;
  --q-color-primary-hover:#1738b5;
  --q-color-primary-contrast:#ffffff;
  --q-color-bg:#f6f7f9;
  --q-color-surface:#ffffff;
  --q-color-surface-alt:#f9fafb;
  --q-color-border:#e5e7eb;
  --q-color-text:#0f172a;
  --q-color-text-muted:#5b6b81;
  --q-color-link:#2448d8;
  --q-color-success:#047857;
  --q-color-warning:#b45309;
  --q-color-danger:#b91c1c;
  --q-color-info:#1d4ed8;
  --q-color-success-bg:#ecfdf5;
  --q-color-warning-bg:#fffbeb;
  --q-color-danger-bg:#fef2f2;
  --q-color-info-bg:#eff6ff;
  --q-color-border-strong:#788396;
  --q-color-primary-soft:#e9edfb;
  --q-color-focus:#2448d8;
  --q-color-scrim:rgba(17, 24, 39, 0.5);
  --q-color-nav-bg:#ffffff;
  --q-color-nav-text:#334155;
  --q-color-nav-text-muted:#5b6b81;
  --q-color-nav-text-active:#ffffff;
  --q-color-nav-bg-hover:#f1f5f9;
  --q-color-nav-bg-active:#111827;
  --q-color-surface-hover:#f1f5f9;
  --q-color-border-medium:#d1d5db;
  --q-color-text-secondary:#334155;
  --q-color-text-faint:#94a3b8;
  --q-color-action:#111827;
  --q-color-action-hover:#1f2937;
  --q-color-action-contrast:#ffffff;
  --q-color-nav-group:#64748b;
  --q-color-nav-border:#e5e7eb;
  --q-font-family:Inter, "Noto Sans TC", -apple-system, BlinkMacSystemFont, "PingFang TC", "Microsoft JhengHei", sans-serif;
  --q-font-family-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Noto Sans Mono", monospace;
  --q-font-size-1:12px;
  --q-font-size-2:13px;
  --q-font-size-3:14px;
  --q-font-size-4:16px;
  --q-font-size-5:18px;
  --q-font-size-6:20px;
  --q-font-size-7:26px;
  --q-font-size-micro:11px;
  --q-letter-spacing-micro:0.04em;
  --q-line-height-base:1.55;
  --q-font-weight-regular:400;
  --q-font-weight-medium:500;
  --q-font-weight-semibold:600;
  --q-space-1:4px;
  --q-space-2:8px;
  --q-space-3:12px;
  --q-space-4:16px;
  --q-space-5:24px;
  --q-space-6:32px;
  --q-space-page:28px;
  --q-radius-1:6px;
  --q-radius-2:8px;
  --q-radius-3:12px;
  --q-radius-4:999px;
  --q-shadow-1:0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(35, 55, 95, 0.08);
  --q-shadow-2:0 4px 12px rgba(15, 23, 42, 0.06), 0 16px 40px rgba(35, 55, 95, 0.16);
  --q-shell-height:48px;
  --q-size-nav-width:232px;
  --q-size-nav-item:36px;
  --q-z-shell:50;
  --q-z-popover:60;
  --q-z-toast:200;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --q-color-primary:#7c9bf5;
  --q-color-primary-hover:#a3b8f8;
  --q-color-primary-contrast:#0b1220;
  --q-color-bg:#0b1220;
  --q-color-surface:#111a2e;
  --q-color-surface-alt:#0f1729;
  --q-color-border:#243049;
  --q-color-text:#f1f5f9;
  --q-color-text-muted:#9aa8bd;
  --q-color-link:#8fa9f7;
  --q-color-success:#6ee7b7;
  --q-color-warning:#fcd34d;
  --q-color-danger:#fca5a5;
  --q-color-info:#93c5fd;
  --q-color-success-bg:#073b2c;
  --q-color-warning-bg:#3b2f0b;
  --q-color-danger-bg:#3d1518;
  --q-color-info-bg:#13284f;
  --q-color-border-strong:#8493a8;
  --q-color-primary-soft:#1c2742;
  --q-color-focus:#a3b8f8;
  --q-color-scrim:rgba(0, 0, 0, 0.6);
  --q-color-nav-bg:#0b1220;
  --q-color-nav-text:#cbd5e1;
  --q-color-nav-text-muted:#9aa8bd;
  --q-color-nav-text-active:#0b1220;
  --q-color-nav-bg-hover:#1a2438;
  --q-color-nav-bg-active:#e2e8f0;
  --q-color-surface-hover:#1a2438;
  --q-color-border-medium:#33405a;
  --q-color-text-secondary:#cbd5e1;
  --q-color-text-faint:#64748b;
  --q-color-action:#e2e8f0;
  --q-color-action-hover:#ffffff;
  --q-color-action-contrast:#0b1220;
  --q-color-nav-group:#8b99ae;
  --q-color-nav-border:#243049;
  --q-shadow-1:0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.35);
  --q-shadow-2:0 4px 12px rgba(0, 0, 0, 0.35), 0 16px 40px rgba(0, 0, 0, 0.5);
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --q-color-primary:#7c9bf5;
  --q-color-primary-hover:#a3b8f8;
  --q-color-primary-contrast:#0b1220;
  --q-color-bg:#0b1220;
  --q-color-surface:#111a2e;
  --q-color-surface-alt:#0f1729;
  --q-color-border:#243049;
  --q-color-text:#f1f5f9;
  --q-color-text-muted:#9aa8bd;
  --q-color-link:#8fa9f7;
  --q-color-success:#6ee7b7;
  --q-color-warning:#fcd34d;
  --q-color-danger:#fca5a5;
  --q-color-info:#93c5fd;
  --q-color-success-bg:#073b2c;
  --q-color-warning-bg:#3b2f0b;
  --q-color-danger-bg:#3d1518;
  --q-color-info-bg:#13284f;
  --q-color-border-strong:#8493a8;
  --q-color-primary-soft:#1c2742;
  --q-color-focus:#a3b8f8;
  --q-color-scrim:rgba(0, 0, 0, 0.6);
  --q-color-nav-bg:#0b1220;
  --q-color-nav-text:#cbd5e1;
  --q-color-nav-text-muted:#9aa8bd;
  --q-color-nav-text-active:#0b1220;
  --q-color-nav-bg-hover:#1a2438;
  --q-color-nav-bg-active:#e2e8f0;
  --q-color-surface-hover:#1a2438;
  --q-color-border-medium:#33405a;
  --q-color-text-secondary:#cbd5e1;
  --q-color-text-faint:#64748b;
  --q-color-action:#e2e8f0;
  --q-color-action-hover:#ffffff;
  --q-color-action-contrast:#0b1220;
  --q-color-nav-group:#8b99ae;
  --q-color-nav-border:#243049;
  --q-shadow-1:0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.35);
  --q-shadow-2:0 4px 12px rgba(0, 0, 0, 0.35), 0 16px 40px rgba(0, 0, 0, 0.5);
}