/* forexstar P17 Wave 7 — CSS 变量层(light/dark/auto 3 主题) */
:root,
[data-theme="light"] {
  --color-bg-primary: #ffffff;
  --color-bg-secondary: #f5f5f7;
  --color-bg-tertiary: #fafafa;
  --color-text-primary: #1d1d1f;
  --color-text-secondary: #6e6e73;
  --color-text-tertiary: #a1a1a6;
  --color-accent: #f5c842;
  --color-accent-hover: #d4a832;
  --color-accent-text: #1d1d1f;
  --color-border: #d2d2d7;
  --color-border-light: #e5e5ea;
  --color-success: #34c759;
  --color-error: #ff3b30;
  --color-warning: #ff9500;
  --color-info: #007aff;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
}

[data-theme="dark"] {
  --color-bg-primary: #1c1c1e;
  --color-bg-secondary: #2c2c2e;
  --color-bg-tertiary: #3a3a3c;
  --color-text-primary: #f5f5f7;
  --color-text-secondary: #98989d;
  --color-text-tertiary: #6e6e73;
  --color-accent: #f5c842;
  --color-accent-hover: #ffd54f;
  --color-accent-text: #1c1c1e;
  --color-border: #3a3a3c;
  --color-border-light: #48484a;
  --color-success: #30d158;
  --color-error: #ff453a;
  --color-warning: #ff9f0a;
  --color-info: #0a84ff;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.6);
  --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.8);
}

@media (prefers-color-scheme: dark) {
  [data-theme="auto"] {
    --color-bg-primary: #1c1c1e;
    --color-bg-secondary: #2c2c2e;
    --color-bg-tertiary: #3a3a3c;
    --color-text-primary: #f5f5f7;
    --color-text-secondary: #98989d;
    --color-text-tertiary: #6e6e73;
    --color-accent: #f5c842;
    --color-accent-hover: #ffd54f;
    --color-accent-text: #1c1c1e;
    --color-border: #3a3a3c;
    --color-border-light: #48484a;
    --color-success: #30d158;
    --color-error: #ff453a;
    --color-warning: #ff9f0a;
    --color-info: #0a84ff;
  }
}