/* ==========================================================================
   Dark Mode — Token overrides
   Activated by OS preference or manual toggle via [data-theme="dark"].
   Minimum contrast 4.5:1 (WCAG AA).
   ========================================================================== */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-brand:       #1A6BB5;
    --color-brand-light: #1A2A3A;

    --color-bg-primary:   #0D1117;
    --color-bg-secondary: #161B22;
    --color-bg-surface:   #1C2128;
    --color-bg-hover:     #1A3050;

    --color-text-primary:   #E6EDF3;
    --color-text-secondary: #8B949E;
    --color-text-disabled:  #484F58;
    --color-text-inverse:   #0D1117;

    --color-border:       #30363D;
    --color-border-focus: #58A6FF;

    --color-severity-critical: #FF6B6B;
    --color-severity-high:     #FFA94D;
    --color-severity-medium:   #74C0FC;
    --color-severity-low:      #ADB5BD;

    --color-status-not-started: #8B949E;
    --color-status-in-progress: #58A6FF;
    --color-status-completed:   #3FB950;
    --color-status-blocked:     #F85149;
    --color-status-rejected:    #BC8CFF;

    --color-primary:   #58A6FF;
    --color-secondary: #8B949E;
    --color-success:   #3FB950;
    --color-warning:   #D29922;
    --color-error:     #F85149;

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.5);
  }
}

/* Manual dark mode toggle */
:root[data-theme="dark"] {
  --color-brand:       #1A6BB5;
  --color-brand-light: #1A2A3A;

  --color-bg-primary:   #0D1117;
  --color-bg-secondary: #161B22;
  --color-bg-surface:   #1C2128;
  --color-bg-hover:     #1A3050;

  --color-text-primary:   #E6EDF3;
  --color-text-secondary: #8B949E;
  --color-text-disabled:  #484F58;
  --color-text-inverse:   #0D1117;

  --color-border:       #30363D;
  --color-border-focus: #58A6FF;

  --color-severity-critical: #FF6B6B;
  --color-severity-high:     #FFA94D;
  --color-severity-medium:   #74C0FC;
  --color-severity-low:      #ADB5BD;

  --color-status-not-started: #8B949E;
  --color-status-in-progress: #58A6FF;
  --color-status-completed:   #3FB950;
  --color-status-blocked:     #F85149;
  --color-status-rejected:    #BC8CFF;

  --color-primary:   #58A6FF;
  --color-secondary: #8B949E;
  --color-success:   #3FB950;
  --color-warning:   #D29922;
  --color-error:     #F85149;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 2px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.5);
}