/* =============================================================================
   File:     theme.css
   Location: css/theme.css
   Purpose:  CSS custom property tokens for all three RoadDesk themes.
             Loaded by every page. To add a theme, add one class block here —
             no other files need to change.

   Themes:
     (default) dark  — #0f1117 page background, amber accent
     .theme-light    — #f1f5f9 page background, blue accent
     .theme-blue     — #0c1a2e page background, sky accent
============================================================================= */

/* ── Dark (default) ── */
:root {
  --bg-page:    #0f1117;
  --bg-card:    #1a1d27;
  --bg-input:   #12141c;
  --bg-header:  #13151f;
  --border:         #2e3244;
  --border-focus:   #f59e0b;
  --text-primary:   #f1f5f9;
  --text-secondary: #94a3b8;
  --text-muted:     #475569;
  --accent:         #f59e0b;
  --accent-hover:   #d97706;
  --accent-text:    #0f1117;
  --pending-bg:     rgba(245,158,11,0.08);
  --danger:  #ef4444;
  --success: #22c55e;
  --radius:    8px;
  --radius-lg: 12px;
}

/* ── Light ── */
.theme-light {
  --bg-page:    #f1f5f9;
  --bg-card:    #ffffff;
  --bg-input:   #f8fafc;
  --bg-header:  #ffffff;
  --border:         #cbd5e1;
  --border-focus:   #2563eb;
  --text-primary:   #0f172a;
  --text-secondary: #475569;
  --text-muted:     #94a3b8;
  --accent:         #2563eb;
  --accent-hover:   #1d4ed8;
  --accent-text:    #ffffff;
  --pending-bg:     rgba(37,99,235,0.08);
}

/* ── Blue ── */
.theme-blue {
  --bg-page:    #0c1a2e;
  --bg-card:    #112240;
  --bg-input:   #0a1628;
  --bg-header:  #0a1628;
  --border:         #1e3a5f;
  --border-focus:   #38bdf8;
  --text-primary:   #e2e8f0;
  --text-secondary: #7fb3d3;
  --text-muted:     #3d6a8a;
  --accent:         #38bdf8;
  --accent-hover:   #0ea5e9;
  --accent-text:    #0c1a2e;
  --pending-bg:     rgba(56,189,248,0.08);
}