/* Refresh Pilot dashboard — theme tokens, mirrored from src/options/options.css
   so the dashboard and the extension read as one product. Swapping the accent
   (e.g. to green) is a one-variable change here. */

:root {
  --bg: #ffffff;
  --panel: #ffffff;
  --panel-2: #f3f4f6;
  --border: #e5e7eb;
  --text: #333333;
  --muted: #6b7280;
  --accent: #3b82f6;
  --accent-2: #2563eb;
  --link: #2563eb;
  --success: #059669;
  --danger: #ef4444;
  --warning: #d97706;
  --pro: #d97706;
  --row-tint: rgba(107, 114, 128, 0.06);
  --radius-card: 12px;
  --radius-control: 8px;
  --shadow-pop: 0 8px 24px rgba(17, 24, 39, 0.12);
  color-scheme: light;
}

/* Dark tokens. Applied twice on purpose (no build step):
   1) system preference, unless the user forced light;
   2) manual override via data-theme="dark" set by theme.js. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111827;
    --panel: #1f2937;
    --panel-2: #2b3648;
    --border: #374151;
    --text: #f9fafb;
    --muted: #9ca3af;
    --accent: #3b82f6;
    --accent-2: #2563eb;
    --link: #60a5fa;
    --success: #34d399;
    --danger: #f87171;
    --warning: #fbbf24;
    --pro: #fbbf24;
    --row-tint: rgba(156, 163, 175, 0.07);
    --shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.45);
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --bg: #111827;
  --panel: #1f2937;
  --panel-2: #2b3648;
  --border: #374151;
  --text: #f9fafb;
  --muted: #9ca3af;
  --accent: #3b82f6;
  --accent-2: #2563eb;
  --link: #60a5fa;
  --success: #34d399;
  --danger: #f87171;
  --warning: #fbbf24;
  --pro: #fbbf24;
  --row-tint: rgba(156, 163, 175, 0.07);
  --shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.45);
  color-scheme: dark;
}