:root {
  /* ───────── Brand identity (unchanged) ───────── */
  --mezura-green: #26cb20;
  --mezura-navy: #2a3450;
  --mezura-white: #ffffff;
  --mezura-charcoal: #363334;
  --mezura-black: #000000;

  /* Darker green for text/icons sitting on light or green-tint surfaces,
     where #26cb20 lacks contrast. */
  --mezura-green-ink: #1f7a1c;
  --mezura-green-hover: #1fb01a;

  /* ═════════ Light theme design tokens — MEZ-MEZ2-0000150 ═════════
     The workspace (main content area) renders light; the structural
     left sidebar + top header stay navy. Components reference these
     tokens so the theme stays maintainable from one place. */

  /* Canvas + surfaces */
  --app-bg:        #eef0f5;  /* app body canvas (light grey) */
  --content-bg:    #f5f6fa;  /* primary page content area (soft light grey) */
  --surface-card:  #ffffff;  /* component cards & panels (crisp white) */
  --surface-sunken:#f5f6fa;  /* sunken wells, input fills, bar tracks */
  --surface-hover: #eef0f5;  /* row / control hover background */

  /* Text */
  --text-primary:   #2a3450; /* navy — titles, primary labels, body */
  --text-secondary: #5a6175; /* muted grey — helper text, sub-labels */
  --text-muted:     #8a90a2; /* fainter metadata / placeholders */

  /* Borders, dividers, grid lines */
  --border:        #e3e6ee;  /* default light grey border */
  --border-strong: #d8dbe3;  /* field / control borders */

  /* Focus + accent helpers */
  --focus-ring:    rgba(42, 52, 80, 0.18); /* navy focus highlight ring */
  --green-tint:    rgba(38, 203, 32, 0.10); /* active/positive tint fill */
  --green-tint-bd: rgba(38, 203, 32, 0.35); /* active/positive tint border */

  /* Status text colours tuned for legibility on light surfaces */
  --status-green:  #1f7a1c;
  --status-amber:  #92600e;
  --status-red:    #b91c1c;
  --status-blue:   #2563eb;
  --status-purple: #7c3aed;  /* IC capital raise (Stage 3) */
  --status-orange: #c2570c;  /* commissioning / COC (Stage 6) */
  --status-grey:   #5a6175;

  /* Structural navy frame (sidebar + header) */
  --sidebar-bg:    #1f273f;
  --header-bg:     #2a3450;
}