/* light-color is the default in tokens.css */

[data-theme="light-gray"] {
  --accent: #525252;
  --accent-hover: #404040;
  --accent-fg: #ffffff;
  --success: #525252; --success-bg: rgba(82,82,82,.1);
  --warning: #525252; --warning-bg: rgba(82,82,82,.08);
  --danger: #18181b;  --danger-bg: rgba(24,24,27,.08);
  --info: #525252;    --info-bg: rgba(82,82,82,.08);
  --ring: rgba(82,82,82,.35);
}

[data-theme="dark-color"] {
  --bg: #09090b; --bg-elevated: #18181b; --bg-muted: #27272a;
  --fg: #fafafa; --fg-muted: #a1a1aa; --fg-subtle: #71717a;
  --accent: #3b82f6; --accent-hover: #2563eb; --accent-fg: #ffffff;
  --success: #22c55e; --success-bg: rgba(34,197,94,.15);
  --warning: #eab308; --warning-bg: rgba(234,179,8,.15);
  --danger: #ef4444;  --danger-bg: rgba(239,68,68,.15);
  --info: #06b6d4;    --info-bg: rgba(6,182,212,.15);
  --border: rgba(255,255,255,.08);
  --border-strong: rgba(255,255,255,.16);
  --ring: rgba(59,130,246,.5);
  --glass-bg: rgba(20,20,30,.6);
  --glass-border: rgba(255,255,255,.08);
  --shadow-xs: 0 1px 2px rgba(0,0,0,.4);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.5);
  --shadow-md: 0 4px 6px rgba(0,0,0,.5);
  --shadow-lg: 0 10px 15px rgba(0,0,0,.5);
  --shadow-xl: 0 25px 50px rgba(0,0,0,.7);
}

[data-theme="dark-gray"] {
  --bg: #09090b; --bg-elevated: #18181b; --bg-muted: #27272a;
  --fg: #fafafa; --fg-muted: #a1a1aa; --fg-subtle: #71717a;
  --accent: #a1a1aa; --accent-hover: #d4d4d8; --accent-fg: #09090b;
  --success: #a1a1aa; --success-bg: rgba(161,161,170,.12);
  --warning: #a1a1aa; --warning-bg: rgba(161,161,170,.1);
  --danger: #fafafa;  --danger-bg: rgba(250,250,250,.12);
  --info: #a1a1aa;    --info-bg: rgba(161,161,170,.1);
  --border: rgba(255,255,255,.08);
  --border-strong: rgba(255,255,255,.16);
  --ring: rgba(161,161,170,.4);
  --glass-bg: rgba(24,24,27,.6);
  --glass-border: rgba(255,255,255,.08);
}

@supports not (backdrop-filter: blur(1px)) {
  :root { --glass-bg: var(--bg-elevated); }
}