:root {
  /* Brand & Accents (Dusk Blue Palette) */
  --color-primary-accent: #3d5a80;      /* Dusk Blue: Primary branding, focus states, actions */
  --color-secondary-accent: #98c1d9;    /* Powder Blue: Muted lines, borders, details */
  --color-success: #8acb88;             /* Willow Green: Confirmed states, file uploaded */
  --color-destructive: #ee6c4d;         /* Burnt Peach: Delete/logout buttons, errors */
  --color-highlight: #ede7b1;           /* Soft background highlights, alerts */

  /* Neutrals & Surfaces */
  --color-bg-base: #f5f5f7;             /* Off-White page background canvas */
  --color-bg-surface: #ffffff;          /* White cards, tables, inputs */
  --color-text-primary: #1a1a1a;        /* Off-Black legibility text & headings */
  --color-text-secondary: #5a5a5a;      /* Slate Gray for secondary metadata labels */
  --color-border: #e5e7eb;              /* Subtle gray border outlines */
  --color-overlay-bg: rgba(26, 26, 26, 0.55); /* Backdrop for modal blur overlay */
  --color-neutral-shaded: rgba(26, 26, 26, 0.04); /* Shaded rows & interactive backgrounds */

  /* Structural Geometry */
  --border-radius-sm: 4px;              /* Strictly rect-flat corner limits */
  --interactive-height: 44px;           /* Mobile hit targets accessibility standard */
  --grid-gap-base: 20px;                /* Consistent layout spacing base */
}