:root {
  /* Dusk Blue Theme System - Primary Accent */
  --color-primary-accent: #3d5a80;      /* Core branding, active states, key focus */
  --color-secondary-accent: #98c1d9;    /* Powder Blue: Muted lines, borders, secondary badges */
  --color-success: #8acb88;             /* Willow Green: Confirmed states, success badges */
  --color-destructive: #ee6c4d;         /* Burnt Peach: Destructive actions, delete states, critical errors */
  --color-highlight: #ede7b1;           /* Vanilla Custard: Soft background highlights, alert fills */

  /* Neutrals & Surfaces */
  --color-bg-base: #f5f5f7;            /* Off-White: Clean, light-gray page background */
  --color-bg-surface: #ffffff;         /* White: Elevated cards, containers, input backgrounds */
  --color-text-primary: #1a1a1a;       /* Off-Black: Highly legible body text and headings */
  --color-text-muted: #666666;          /* Slate Gray: Secondary captions, labels, placeholder texts, and icons */
  --color-border: #e5e7eb;             /* Light Gray: Soft boundaries, dividing lines */
  --color-border-hover: #cbd5e1;        /* Medium Gray: Input border hover and active state borders */
  --color-overlay-bg: rgba(26, 26, 26, 0.5); /* Semi-transparent Off-Black for modal backdrops */
  --color-neutral-shaded: rgba(26, 26, 26, 0.05); /* Transparent dark blend for row lists and states */

  /* Structural Geometry */
  --border-radius-sm: 4px;             /* Standard component rounding (inputs, buttons, cards) */
  --grid-gap-base: 20px;               /* Standard spacing between grid columns and sections */
  --interactive-height: 44px;          /* Accessible hit target height */
}