/* theme.css — CSS custom properties for light/dark theme */
:root, [data-theme="light"] {
  --bg-page: #f0f2f5;
  --bg-card: #fff;
  --bg-input: #fff;
  --bg-sidebar: #fff;
  --bg-header: #fff;
  --bg-hover: #f5f5f5;
  --bg-badge: #fce8e6;
  --text-primary: #333;
  --text-secondary: #555;
  --text-muted: #999;
  --border: #e0e0e0;
  --border-light: #f0f0f0;
  --shadow: 0 4px 24px rgba(0,0,0,0.08);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.16);
  --accent: #1a73e8;
  --accent-hover: #1557b0;
  --accent-subtle: #e8f0fe;
  --accent-border: #c5d8f8;
  --success: #1e8e3e;
  --error: #d93025;
  --warning: #ea8600;
  --info: #1a73e8;
}

[data-theme="dark"] {
  --bg-page: #1a1a2e;
  --bg-card: #16213e;
  --bg-input: #0f3460;
  --bg-sidebar: #16213e;
  --bg-header: #16213e;
  --bg-hover: #2a3a5c;
  --bg-badge: #3d1a1a;
  --text-primary: #e0e0e0;
  --text-secondary: #c8c8c8;
  --text-muted: #707070;
  --border: #2a2a4a;
  --border-light: #222240;
  --shadow: 0 4px 24px rgba(0,0,0,0.3);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.2);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.4);
  --accent: #4da6ff;
  --accent-hover: #3d96ef;
  --accent-subtle: #1a3a6a;
  --accent-border: #2a4a7a;
  --success: #34a853;
  --error: #ea4335;
  --warning: #fbbc04;
  --info: #4da6ff;
}