:root {
  /* --- Brand Identity Colors --- */

  /* Primary: Allwyn Deep Navy (Replaces old dark grey/black) */
  /* Used for: Headers, Primary Buttons, Strong Borders */
  --color-primary: #002d62;

  /* Secondary: Allwyn Vibrant Cyan (Replaces old red) */
  /* Used for: Highlights, Accents, Call-to-Action hovers, Icons */
  --color-secondary: #00c1d4;

  /* Accent Dark: Darker Navy for Hover States */
  --palette-accent-dark: #001f4d;

  /* --- Typography Colors --- */
  --color-black: #000000;
  --text-main: #333333; /* Main body text (Dark Grey for readability) */
  --text-on-dark: #ffffff; /* Text on Primary Backgrounds */

  /* --- Utility / State Colors (Standard UI) --- */
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-error: #dc3545;

  /* --- Backgrounds --- */
  --bg-body: #ffffff;
  --bg-gray-light: #f4f6f9; /* Light Blue-Grey (Modern Dashboard feel) */
  --bg-gray-lighter: #f0f0f0; /* Very light grey for sections */

  --bg-success-light: #f0fff4;
  --bg-warning-light: #fffaf0;
  --bg-error-light: #fff5f5;

  /* --- Borders --- */
  --border-light: #dddddd;
  --border-subtle: rgba(0, 45, 98, 0.05); /* Very subtle Navy tint */
  --border-on-dark: rgba(255, 255, 255, 0.1);

  /* --- Transparencies & Overlays --- */
  --color-white-t-90: rgba(255, 255, 255, 0.95);
  --color-white-t-80: rgba(255, 255, 255, 0.8);
  --color-white-t-50: rgba(255, 255, 255, 0.5);
  --color-white-t-20: rgba(255, 255, 255, 0.2);

  --overlay-standard: rgba(0, 45, 98, 0.7); /* Navy overlay instead of black */
  --overlay-medium: rgba(0, 45, 98, 0.6);
  --overlay-strong: rgba(0, 45, 98, 0.9);

  /* --- Shadows (Modern Depth) --- */
  /* Soft colored shadows for premium feel */
  --shadow-soft: 0 15px 35px rgba(0, 45, 98, 0.08);
  --shadow-hover: 0 20px 40px rgba(0, 45, 98, 0.12);

  /* --- Gradients --- */
  --gradient-primary: linear-gradient(135deg, #002d62 0%, #005eb8 100%);
}