/* ============================================================
   fun.zzsir.xyz 设计令牌系统 (ds.css)
   兼容现代浏览器 (OKLCH) 与智能电视 / 老旧浏览器 (RGB / HEX Fallback)
   ============================================================ */

:root {
  /* HEX 先声明 —— 老电视 / 无 OKLCH 内核先吃到这里；对齐 FullPlayer 磷光终端 */
  --background: #0b0d0e;
  --foreground: #f4f6f5;
  --card: #121615;
  --card-foreground: #f4f6f5;
  --popover: #161c1a;
  --popover-foreground: #f4f6f5;
  /* 主站 FullPlayer 默认磷光绿；--color-primary 供 .fp-app 回退链 */
  --color-primary: #00ff88;
  --color-primary-strong: #00dd77;
  --primary: #00ff88;
  --primary-strong: #00dd77;
  --primary-foreground: #04120c;
  --secondary: #1a221f;
  --secondary-foreground: #d1d5db;
  --muted: #1a221f;
  --muted-foreground: #7e8c85;
  --accent: #00ff88;
  --accent-foreground: #04120c;
  --destructive: #ef4444;
  --destructive-foreground: #f4f6f5;
  --warning: #f59e0b;
  --warning-foreground: #04120c;
  --success: #00ff88;
  --success-foreground: #04120c;
  --border: #202b26;
  --input: #1a221f;
  --ring: #00ff88;
  --warn: #f59e0b;
  --surface-0: #0b0d0e;
  --surface-1: #121615;
  --surface-2: #1a221f;

  --radius: 0.75rem;
  --font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
  --font-lyric: 'LXGW WenKai', 'Klee One', 'Iansui', 'DFKai-SB', 'BiauKai', 'STKaiti', 'KaiTi', cursive, sans-serif;
}

/* 换肤：切换 html[data-accent="..."] */
[data-accent="indigo"]  { --color-primary: #3b82f6; --color-primary-strong: #2563eb; --primary: #3b82f6; --primary-strong: #2563eb; --accent: #3b82f6; --ring: #3b82f6; }
[data-accent="emerald"] { --color-primary: #10b981; --color-primary-strong: #059669; --primary: #10b981; --primary-strong: #059669; --accent: #10b981; --ring: #10b981; }
[data-accent="rose"]    { --color-primary: #f43f5e; --color-primary-strong: #e11d48; --primary: #f43f5e; --primary-strong: #e11d48; --accent: #f43f5e; --ring: #f43f5e; }
[data-accent="amber"]   { --color-primary: #f59e0b; --color-primary-strong: #d97706; --primary: #f59e0b; --primary-strong: #d97706; --accent: #f59e0b; --ring: #f59e0b; }
[data-accent="cyan"]    { --color-primary: #06b6d4; --color-primary-strong: #0891b2; --primary: #06b6d4; --primary-strong: #0891b2; --accent: #06b6d4; --ring: #06b6d4; }

@supports (color: oklch(0% 0 0)) {
  :root {
    --background: oklch(0.13 0.01 260);
    --foreground: oklch(0.95 0 0);
    --card: oklch(0.16 0.01 260);
    --card-foreground: oklch(0.95 0 0);
    --popover: oklch(0.18 0.01 260);
    --popover-foreground: oklch(0.95 0 0);
    --primary: oklch(0.75 0.18 145);
    --primary-foreground: oklch(0.13 0.01 260);
    --secondary: oklch(0.22 0.01 260);
    --secondary-foreground: oklch(0.85 0 0);
    --muted: oklch(0.22 0.01 260);
    --muted-foreground: oklch(0.6 0 0);
    --accent: oklch(0.75 0.18 145);
    --accent-foreground: oklch(0.13 0.01 260);
    --destructive: oklch(0.6 0.2 25);
    --destructive-foreground: oklch(0.95 0 0);
    --warning: oklch(0.8 0.15 85);
    --warning-foreground: oklch(0.13 0.01 260);
    --success: oklch(0.75 0.18 145);
    --success-foreground: oklch(0.13 0.01 260);
    --border: oklch(0.28 0.01 260);
    --input: oklch(0.22 0.01 260);
    --ring: oklch(0.75 0.18 145);
    --surface-1: oklch(0.16 0.01 260);
    --chart-1: oklch(0.75 0.18 145);
    --chart-2: oklch(0.6 0.2 25);
    --chart-3: oklch(0.7 0.15 250);
    --chart-4: oklch(0.8 0.15 85);
    --chart-5: oklch(0.65 0.2 320);
  }
}

/* 统一极简暗色滚动条 */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--background); }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--muted-foreground); }
* { scrollbar-width: thin; scrollbar-color: var(--border) var(--background); }