/* ══════════════════════════════════════════════════════════
   CY-1 设计令牌
   暗场仪器为默认基调，浅色纸白为可切换主题
   ══════════════════════════════════════════════════════════ */

:root {
  color-scheme: dark;

  --bg: #06090d;
  --bg-2: #080c11;
  --panel: #0c1218;
  --panel-2: #101820;
  --panel-3: #15202a;
  --panel-hi: rgba(255, 255, 255, 0.022);

  --border: #1b2733;
  --border-2: #24333f;
  --border-3: #2e4150;

  --text: #e6edf3;
  --text-2: #8b9aab;
  --text-3: #5d6b78;
  --text-4: #3f4b57;

  --rf: #22d3ee;
  --rf-dim: rgba(34, 211, 238, 0.14);
  --bmag: #6366f1;
  --bmag-dim: rgba(99, 102, 241, 0.14);
  --energy: #f59e0b;
  --energy-dim: rgba(245, 158, 11, 0.14);
  --danger: #f43f5e;
  --danger-dim: rgba(244, 63, 94, 0.14);
  --ok: #34d399;
  --ok-dim: rgba(52, 211, 153, 0.13);

  --font-sans: 'Segoe UI Variable Display', 'Segoe UI', system-ui, -apple-system,
    'PingFang SC', 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', 'SF Mono',
    Consolas, 'Liberation Mono', monospace;

  --r-sm: 5px;
  --r-md: 8px;
  --r-lg: 11px;
  --r-xl: 14px;

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 6px 20px -8px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 18px 48px -16px rgba(0, 0, 0, 0.75);

  --top-h: 50px;
  --bottom-h: 32px;
  --left-w: 268px;
  --right-w: 352px;
}

[data-theme='light'] {
  color-scheme: light;

  --bg: #eaeff4;
  --bg-2: #e2e9f0;
  --panel: #ffffff;
  --panel-2: #f6f9fb;
  --panel-3: #edf2f6;
  --panel-hi: rgba(15, 23, 42, 0.012);

  --border: #d9e2ea;
  --border-2: #c8d5e0;
  --border-3: #b2c2d1;

  --text: #0d1620;
  --text-2: #4e6070;
  --text-3: #71828f;
  --text-4: #93a1ad;

  --rf: #0891b2;
  --rf-dim: rgba(8, 145, 178, 0.10);
  --bmag: #4f46e5;
  --bmag-dim: rgba(79, 70, 229, 0.10);
  --energy: #b45309;
  --energy-dim: rgba(180, 83, 9, 0.10);
  --danger: #dc2626;
  --danger-dim: rgba(220, 38, 38, 0.09);
  --ok: #059669;
  --ok-dim: rgba(5, 150, 105, 0.10);

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.07);
  --shadow-md: 0 6px 18px -10px rgba(15, 23, 42, 0.22);
  --shadow-lg: 0 18px 44px -18px rgba(15, 23, 42, 0.28);
}