/* IssueFlowz design tokens (SPEC §7.1). Light by default; dark when the user
   chooses it, or follows the system when the theme is "System". */
:root {
  --accent: #0f6cbd;
  --accent-text: #ffffff;
  --titlebar-bg: #0f6cbd;
  --titlebar-text: #ffffff;
  --nav-bg: #f5f5f5;
  --nav-selected: #e1e1e1;
  --surface: #ffffff;
  --page-bg: #f5f5f5;
  --command-bg: #faf9f8;
  --grid-header-bg: #f3f2f1;
  --grid-row-hover: #f3f9fd;
  --grid-row-selected: #cfe4fa;
  --grid-row-overdue-text: #c50f1f;
  --grid-row-completed-text: #8a8a8a;
  --text: #242424;
  --text-muted: #707070;
  --border: #e0e0e0;
  --flag: #c50f1f;
  --danger: #c50f1f;
  --danger-bg: #fde7e9;
  --success: #107c10;
  --success-bg: #dff6dd;
  --warning-bg: #fff4ce;
  --warning-text: #5c4400;
  --focus: #0f6cbd;
  --radius: 4px;
  --radius-lg: 8px;
  --shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
  --font-ui: "Segoe UI Variable", "Segoe UI", Inter, system-ui, -apple-system, sans-serif;
  --font-mono: "Cascadia Mono", Consolas, "Source Code Pro", monospace;
  color-scheme: light;
}

:root[data-theme="dark"] {
  --accent: #479ef5;
  --accent-text: #0b1a2a;
  --titlebar-bg: #1f1f1f;
  --titlebar-text: #e8e8e8;
  --nav-bg: #202020;
  --nav-selected: #2e2e2e;
  --surface: #1b1b1b;
  --page-bg: #141414;
  --command-bg: #262626;
  --grid-header-bg: #262626;
  --grid-row-hover: #26303a;
  --grid-row-selected: #2b4a66;
  --grid-row-overdue-text: #ff7b84;
  --grid-row-completed-text: #7a7a7a;
  --text: #e6e6e6;
  --text-muted: #9a9a9a;
  --border: #333333;
  --flag: #ff7b84;
  --danger: #ff7b84;
  --danger-bg: #3b1d20;
  --success: #6ccb5f;
  --success-bg: #1d3320;
  --warning-bg: #3a3010;
  --warning-text: #f2d675;
  --focus: #479ef5;
  --shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --accent: #479ef5;
    --accent-text: #0b1a2a;
    --titlebar-bg: #1f1f1f;
    --titlebar-text: #e8e8e8;
    --nav-bg: #202020;
    --nav-selected: #2e2e2e;
    --surface: #1b1b1b;
    --page-bg: #141414;
    --command-bg: #262626;
    --grid-header-bg: #262626;
    --grid-row-hover: #26303a;
    --grid-row-selected: #2b4a66;
    --grid-row-overdue-text: #ff7b84;
    --grid-row-completed-text: #7a7a7a;
    --text: #e6e6e6;
    --text-muted: #9a9a9a;
    --border: #333333;
    --flag: #ff7b84;
    --danger: #ff7b84;
    --danger-bg: #3b1d20;
    --success: #6ccb5f;
    --success-bg: #1d3320;
    --warning-bg: #3a3010;
    --warning-text: #f2d675;
    --focus: #479ef5;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    color-scheme: dark;
  }
}