/* ToolBay Design Tokens · v2 (extracted from demo-theme-b2-daylight-refined) */

/* Shared structural tokens: defined once for both themes. */
:root {
  /* Space */
  --tb-space-1:4px; --tb-space-2:8px; --tb-space-3:12px; --tb-space-4:16px;
  --tb-space-5:24px; --tb-space-6:32px; --tb-space-7:48px; --tb-space-8:64px;
  /* Radius */
  --tb-radius-sm:6px; --tb-radius-md:10px; --tb-radius-lg:16px; --tb-radius-full:999px;
  /* Type */
  --tb-fs-xs:11px; --tb-fs-sm:13px; --tb-fs-base:15px; --tb-fs-lg:18px; --tb-fs-xl:24px; --tb-fs-2xl:44px;
  --tb-lh-xs:1.5; --tb-lh-sm:1.65; --tb-lh-base:1.75; --tb-lh-lg:1.55; --tb-lh-xl:1.35; --tb-lh-2xl:1.18;
  --tb-fw-normal:400; --tb-fw-medium:500; --tb-fw-semibold:600; --tb-fw-bold:700;
  /* Motion & layout */
  --tb-disabled-opacity:.48; --tb-transition-fast:140ms ease; --tb-transition-base:240ms cubic-bezier(.2,.7,.2,1);
  --tb-container:1120px; --tb-control-h:44px; --tb-icon-sm:18px; --tb-icon-md:24px; --tb-icon-lg:48px;
}

/* Theme A · 晴空工坊 (light) */
:root, [data-theme="light"] {
  --tb-bg-0:#f2f4f7; --tb-bg-1:#ffffff; --tb-bg-2:#f7f9fb; --tb-bg-3:#e8ecf2;
  --tb-primary:#3a5f9e; --tb-primary-strong:#2c4a80; --tb-primary-soft:#eaf0f9;
  --tb-accent:#7ef0dd; --tb-accent-soft:#dffbf6;
  --tb-text-1:#1a2233; --tb-text-2:#5a6478; --tb-text-3:#98a0b0;
  --tb-border-1:#dfe4ec; --tb-border-2:#c8d0dc;
  --tb-ok:#22c55e; --tb-ok-bg:#eaf9ef; --tb-warning:#f59e0b; --tb-warning-bg:#fff7e6;
  --tb-danger:#ef4444; --tb-danger-bg:#fff0f0; --tb-info:#3a5f9e; --tb-info-bg:#eaf0f9;
  --tb-on-primary:#ffffff; --tb-overlay:#ffffffcc;
  --tb-shadow-sm:0 1px 2px rgba(26,34,51,.04),0 2px 8px rgba(26,34,51,.03);
  --tb-shadow-md:0 6px 18px rgba(26,34,51,.06),0 1px 3px rgba(26,34,51,.04);
  --tb-shadow-lg:0 16px 40px rgba(26,34,51,.08),0 4px 12px rgba(26,34,51,.04);
  --tb-focus-ring:rgba(58,95,158,.18);
}

/* Theme B · 霓虹暗舱 (dark) */
[data-theme="dark"] {
  --tb-bg-0:#0d0d10; --tb-bg-1:#16161d; --tb-bg-2:#1e1e28; --tb-bg-3:#2a2a38;
  --tb-primary:#10c0b0; --tb-primary-strong:#0ea89a; --tb-primary-soft:rgba(16,192,176,.12);
  --tb-accent:#b050b0; --tb-accent-soft:rgba(176,80,176,.14);
  --tb-text-1:#f0e6d2; --tb-text-2:#a8a4b8; --tb-text-3:#6b6880;
  --tb-border-1:#2e2e3c; --tb-border-2:#3d3d4e;
  --tb-ok:#22c55e; --tb-ok-bg:rgba(34,197,94,.11); --tb-warning:#f59e0b; --tb-warning-bg:rgba(245,158,11,.11);
  --tb-danger:#ef4444; --tb-danger-bg:rgba(239,68,68,.11); --tb-info:#10c0b0; --tb-info-bg:rgba(16,192,176,.12);
  --tb-on-primary:#071b19; --tb-overlay:rgba(22,22,29,.88);
  --tb-shadow-sm:0 1px 2px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.015);
  --tb-shadow-md:0 8px 24px rgba(0,0,0,.22),0 0 0 1px rgba(16,192,176,.025);
  --tb-shadow-lg:0 18px 44px rgba(0,0,0,.28),0 0 0 1px rgba(16,192,176,.06);
  --tb-focus-ring:rgba(16,192,176,.22);
}