:root {
  /* Colors */
  --primary-blue: #0057B8;
  --shield-red: #C8102E;
  --success-green: #6AC259;
  --warning-yellow: #FFD700;
  --dark-bg: #1a1a1a;
  --text-light: #f0f0f0;

  /* Typography */
  --font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

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

  /* Theme Colors - Light Mode (Default) */
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f5;
  --text-primary: #333333;
  --text-secondary: #666666;
  --card-bg: #ffffff;
  --border-color: #e0e0e0;
  --header-bg: rgba(26, 26, 26, 0.8);
}

/* Dark Theme */
[data-theme="dark"] {
  --bg-primary: #1a1a1a;
  --bg-secondary: #2d2d2d;
  --text-primary: #f0f0f0;
  --text-secondary: #b0b0b0;
  --card-bg: #2d2d2d;
  --border-color: #444444;
  --header-bg: rgba(0, 0, 0, 0.9);
}