:root {
  /* Brand Colors - High-Tech Neon Palette */
  --primary-h: 250;
  --primary-s: 95%;
  --primary-l: 62%;
  --primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
  --primary-hover: hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 8%));
  --primary-glow: hsla(var(--primary-h), var(--primary-s), var(--primary-l), 0.25);

  --accent-h: 171;
  --accent-s: 100%;
  --accent-l: 41%;
  --accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
  --accent-hover: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%));
  --accent-glow: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.25);

  /* Status Colors */
  --success: hsl(145, 90%, 42%);
  --warning: hsl(42, 100%, 50%);
  --danger: hsl(355, 95%, 55%);
  --info: hsl(195, 100%, 45%);

  /* Spacing Grid (4px scale) */
  --space-1: 0.25rem; /* 4px */
  --space-2: 0.5rem;  /* 8px */
  --space-3: 0.75rem; /* 12px */
  --space-4: 1rem;    /* 16px */
  --space-6: 1.5rem;  /* 24px */
  --space-8: 2rem;    /* 32px */
  --space-12: 3rem;   /* 48px */
  --space-16: 4rem;   /* 64px */
  
  /* Borders and Radii */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 9999px;
  --border-width: 1px;

  /* Typography */
  --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  
  /* Shadows & Glowing Effects */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 8px 16px -4px rgba(0, 0, 0, 0.4), 0 4px 8px -4px rgba(0, 0, 0, 0.2);
  --shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 25px 0 var(--primary-glow);
  --shadow-accent-glow: 0 0 25px 0 var(--accent-glow);
}

/* DEFAULT: HIGH-TECH DARK THEME */
[data-theme="dark"], :root {
  --bg-main: hsl(224, 71%, 3%);
  --bg-card: hsla(224, 71%, 6%, 0.75);
  --bg-header: hsla(224, 71%, 3%, 0.85);
  --border-color: hsla(224, 71%, 18%, 0.6);
  --text-main: hsl(210, 40%, 98%);
  --text-muted: hsl(215, 20%, 75%);
  --bg-input: hsl(224, 71%, 8%);
  --border-focus: var(--primary);
  --glass-bg: rgba(8, 12, 28, 0.75);
  --glass-border: rgba(255, 255, 255, 0.06);
  --card-gradient: linear-gradient(135deg, rgba(16, 24, 48, 0.9) 0%, rgba(8, 12, 28, 0.9) 100%);
}

/* MODERN ACCESSIBLE LIGHT THEME */
[data-theme="light"] {
  --bg-main: hsl(210, 40%, 97%);
  --bg-card: hsl(0, 0%, 100%);
  --bg-header: rgba(255, 255, 255, 0.88);
  --border-color: hsl(214, 32%, 88%);
  --text-main: hsl(222, 47%, 12%);
  --text-muted: hsl(215, 16%, 42%);
  --bg-input: hsl(0, 0%, 97%);
  --border-focus: var(--primary);
  --glass-bg: rgba(255, 255, 255, 0.8);
  --glass-border: rgba(0, 0, 0, 0.08);
  --card-gradient: linear-gradient(135deg, #ffffff 0%, #f4f6fa 100%);
}

/* Global Transitions */
a, button, input, select, textarea, .tool-card {
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Reduced Motion Override for Accessibility */
@media (prefers-reduced-motion: reduce) {
  * {
    animation-delay: 0s !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }
}