/* ══════════════════════════════════════════════════════════════
   DESIGN TOKENS — Nijen Job Tracker
   ──────────────────────────────────────────────────────────────
   Single source of truth for all CSS custom properties.
   Edit values here; changes cascade everywhere automatically.

   CHANGELOG
   ─────────────────────────────────────────────────────────────
   2026-03-13  Initial dark industrial theme (Syne → Montserrat,
               orange accent → steel blue, bg lightened)
               --status-in-progress: #22c55e to #759f3e;
               --status-accounts: #3b82f6 to #538ae4;
               --success: #759f3e to #759f3e;
               --text-muted: #6b7a93 to #848fa5; 
               --accent: #3a6fa8 to #759f3e;
               --accent-hover: #2d5a8e;  

   ══════════════════════════════════════════════════════════════ */

:root {

  /* ── Backgrounds ──────────────────────────────────────────── */
  --bg-base:        #030518;   /* Page background */
  --bg-sidebar:     #030518;   /* Sidebar panel */
  --bg-surface:     #20283f;   /* Cards, tables, inputs */
  --bg-elevated:    #2e3c63;   /* Hover states, pipeline card */
  --bg-light:       #ffffff;   /* White bg */

  /* ── Borders ──────────────────────────────────────────────── */
  --border:         #303750;   /* Dividers, grid lines between cards */
  --border-subtle:  #242a3e;   /* Table row separators */

  /* ── Brand / Accent ───────────────────────────────────────── */
  --accent:         #8CC63F;   /* Primary buttons, active sidebar, card hover bar */
  --accent-hover:   #6f973b;   /* Darkened accent for hover/focus */
  --accent-dim:     rgba(58, 111, 168, 0.507);  /* Active sidebar bg */
  --accent-glow:    rgba(58, 111, 168, 0.28);  /* Button glow shadow */

  /* ── Text ─────────────────────────────────────────────────── */
  --text-primary:   #D0D0D0;   /* Headings, company names, values */
  --text-secondary: #bbc3d1;   /* Product names, table body text */
  --text-muted:     #a0aaa4;   /* Job IDs, dates, labels, sub-text */

  /* ── Semantic / Status ────────────────────────────────────── */
  --success:        #759f3e;   /* Success buttons (Save) */
  --warning:        #f59e0b;   /* Pipeline card accent, warning alerts */
  --danger:         #ef4444;   /* Delete buttons, error alerts */

  /* ── Status colours (jobs) ────────────────────────────────── */
  --status-job-sheet:  #f1a900;
  --status-in-progress: #759f3e;
  --status-delayed:    #f97316;
  --status-cancelled:  #6b7280;
  --status-finished:   #ec4899;
  --status-accounts:   #6ba5f1;
  --status-invoiced:   #818cf8;

  /* ── Shadows ──────────────────────────────────────────────── */
  --shadow-sm:      0 1px 3px rgba(0, 0, 0, 0.45);
  --shadow-md:      0 4px 16px rgba(0, 0, 0, 0.5);
  --shadow-lg:      0 8px 40px rgba(0, 0, 0, 0.6);

  /* ── Layout ───────────────────────────────────────────────── */
  --sidebar-w:      220px;

  /* ── Typography ───────────────────────────────────────────── */
  --font-display:   'Montserrat', system-ui, sans-serif;  /* Headings, stats */
  --font-body:      'DM Sans', system-ui, sans-serif;     /* All body text */
  --font-mono:      'DM Sans', system-ui, sans-serif; /* IDs, dates, £ */

}