:root {
  /* Colors */
  --primary-blue: #0056b3;
  --dark-blue: #003366;
  --accent-cyan: #00a8e8;
  --light-bg: #f4f7f6;
  --white: #ffffff;
  --text-dark: #333333;
  --text-light: #666666;
  --border-color: #e0e0e0;
  --success-green: #28a745;
  --warning-orange: #fd7e14;
  --danger-red: #dc3545;

  /* Dark Mode Overrides (applied via class) */
  --dark-bg-body: #121212;
  --dark-bg-card: #1e1e1e;
  --dark-text-main: #e0e0e0;
  
  /* Typography */
  --font-main: 'Outfit', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-heading: 'Outfit', 'Segoe UI', sans-serif;

  /* Spacing */
  --section-padding: 80px 20px;
  --container-width: 1200px;
  
  /* Transitions */
  --transition-fast: 0.3s ease;
}

[data-theme="dark"] {
  --light-bg: var(--dark-bg-body);
  --white: var(--dark-bg-card);
  --text-dark: var(--dark-text-main);
  --text-light: #aaaaaa;
  --border-color: #333333;
  --dark-blue: #001f3f; /* Slightly lighter for dark mode contrast if needed */
}