:root {
  /* Color Palette (refreshed) */

  /* Brand Colors */
  --color-primary: #1E3A8A;            /* Darker Blue for contrast */
  --color-primary-dark: #172554;       /* Even darker for hover */
  --color-primary-darker: #0B1A3C;     /* Deep navy */
  --color-secondary: #14B8A6;          /* Teal 500 */
  --color-secondary-dark: #0F766E;     /* Teal 700 */

  /* Neutral Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-dark: #111827;          /* Gray 900 */
  --color-gray-medium: #4B5563;        /* Gray 600 */
  --color-gray-light: #E5E7EB;         /* Gray 200 */
  --color-gray-lighter: #F3F4F6;       /* Gray 100 */
  --color-gray-lightest: #F9FAFB;      /* Gray 50 */
  --color-table-header-bg: #F3F4F6;

  /* Text Colors */
  --color-text-primary: var(--color-gray-dark);
  --color-text-secondary: var(--color-gray-medium);
  --color-text-on-primary: var(--color-white);
  --color-text-link: var(--color-primary);

  /* Border Colors */
  --color-border-light: var(--color-gray-light);
  --color-border-focus: #1D4ED8; /* Strong focus ring */

  /* Background Colors */
  --color-background-body: var(--color-white);
  --color-background-widget: var(--color-white);
  --color-background-hover: var(--color-gray-lightest);
  --color-background-disabled: var(--color-gray-lighter);
  --color-background-overlay: rgba(17, 24, 39, 0.6); /* semi-dark */
  --color-background-alt: #f7f9fc;          /* Subtle section alt background */
  --color-background-subtle: #f9fafb;       /* Extra subtle background */
  
  /* Accent/Highlight */
  --color-accent-orange: #F59E0B; /* Amber 500 */
  --color-highlight-pink: #DB2777; /* Pink 600 */
  --color-highlight-background-yellow: #FEF3C7; /* Amber 100 */
  --color-highlight-background-yellow-focus: #FFFBEB; /* Amber 50 */

  /* Tooltip */
  --tooltip-background: var(--color-gray-dark);
  --tooltip-background-rgba: rgba(17, 24, 39, 0.95);
  --tooltip-text: var(--color-white);

  /* Shadows */
  --shadow-color-light: rgba(17, 24, 39, 0.06);
  --shadow-color-medium: rgba(17, 24, 39, 0.12);

  /* Status/Feedback */
  --color-error-text: #B91C1C;         /* Red 700 */
  --color-error-background: #FEE2E2;   /* Red 100 */
  --color-error-border: #FCA5A5;       /* Red 300 */
  --color-error-dark: #991B1B;         /* Darker error tone for borders/focus */
  --color-error-text-alt: #991B1B;
  --color-success-text: #166534;       /* Green 800 */
  --color-success-background: #DCFCE7; /* Green 100 */
  --color-success-border: #86EFAC;     /* Green 300 */
  --color-success: #22C55E;            /* Green 500 for accents */
  --color-success-dark: #15803D;       /* Green 700 */
  --color-warning-text: #92400E;       /* Amber 800 */
  --color-warning-background: #FEF3C7; /* Amber 100 */
  --color-warning-border: #FCD34D;     /* Amber 300 */

  /* Gradients */
  --gradient-button: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
  --gradient-button-hover: linear-gradient(135deg, var(--color-primary-dark), var(--color-primary-darker));
  --gradient-hero: linear-gradient(135deg, rgba(30,58,138,0.96), rgba(23,37,84,0.98));

  /* RGB helpers */
  --color-primary-rgb: 37, 99, 235;    /* For rgba() usage */

  /* Borders */
  --color-border-medium: #d1d5db;      /* Gray 300 */

  /* Typography */
  --font-primary: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-secondary: 'Oswald', Impact, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;

  /* Font Sizes */
  --font-size-base: 1rem;
  --font-size-sm: 0.9rem;
  --font-size-xs: 0.8rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-h1: 2.4rem;
  --font-size-h2: 2rem;
  --font-size-h3: 1.6rem;
  --font-size-h4: 1.25rem;
  --font-size-h5: 1.1rem;
  --font-size-h6: 1rem;

  /* Font Weights */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Line Heights */
  --line-height-base: 1.65;
  --line-height-heading: 1.25;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-xxl: 3rem;

  /* Borders */
  --border-width-base: 1px;
  --border-radius-sm: 6px;
  --border-radius-md: 10px;
  --border-radius-lg: 14px;
  --border-radius-pill: 999px;
  --border-radius-circle: 50%;

  /* Transitions */
  --transition-fast: all 0.15s ease-in-out;
  --transition-medium: all 0.3s ease-in-out;
  --transition-slow: all 0.5s ease-in-out;

  /* Z-index */
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-modal-backdrop: 1040;
  --z-index-modal: 1050;
  --z-index-popover: 1060;
  --z-index-tooltip: 1070;

  /* Components */
  --button-padding-y: 0.75rem;
  --button-padding-x: 1.25rem;
  --card-padding: var(--space-lg);
  --card-margin-bottom: var(--space-lg);
  --widget-padding: var(--space-md);
}