:root {
  /* Color Palette */
  --color-primary: #0067FF;       /* Cooling Blue */
  --color-primary-hover: #005EE9; /* Darker Blue */
  --color-secondary: #0F172A;     /* Sleek Navy/Slate */
  --color-text-dark: #364151;     /* Charcoal for body text */
  --color-bg-light: #F8FAFF;      /* Very light blue-gray background */
  --color-bg-highlight: #E7F6FF;  /* Light blue highlight for CTA/Alerts */
  --color-white: #FFFFFF;
  --color-border: #D1DAE5;        /* Light gray border */
  --color-border-dark: #A1B0CB;
  --color-alert-warning-bg: #FFFBEB;
  --color-alert-warning-border: #D97706;
  --color-alert-warning-text: #78350F;
  --color-alert-success-bg: #F0FDF4;
  --color-alert-success-border: #16A34A;
  --color-alert-success-text: #14532D;

  /* Typography */
  --font-family: 'Changa', sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.8;

  /* Layout Widths */
  --container-max-width: 1200px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
}