:root {
  /* MODERN TECH PALETTE - PREMIUM WOW */

  /* Primary Identity (Blue/Navy) */
  --blue-950: #020617;
  /* Deep Space */
  --blue-900: #0f172a;
  /* Midnight */
  --blue-800: #1e3a8a;
  /* Corporate Blue */
  --blue-600: #2563eb;
  /* Bright Link Blue */

  /* Tech Identity (Cyan) */
  --cyan-500: #06b6d4;
  --cyan-400: #22d3ee;

  /* Action Identity (Orange Accent) */
  --orange-500: #f97316;
  /* Main Accent */
  --orange-400: #fb923c;
  /* Glow */
  --orange-600: #ea580c;
  /* Hover */

  /* Neutrals */
  --slate-50: #f8fafc;
  --slate-100: #f1f5f9;
  --slate-200: #e2e8f0;
  --slate-300: #cbd5e1;
  --slate-400: #94a3b8;
  --slate-500: #64748b;

  /* Gradients */
  --grad-hero: radial-gradient(circle at top right, rgba(6, 182, 212, 0.15), transparent 60%),
    radial-gradient(circle at bottom left, rgba(249, 115, 22, 0.08), transparent 60%),
    linear-gradient(to bottom, #fff, var(--slate-50));

  --grad-dark: linear-gradient(135deg, var(--blue-950) 0%, #0B1120 100%);

  --grad-accent: linear-gradient(135deg, var(--blue-600), var(--cyan-500));
  --grad-orange: linear-gradient(135deg, var(--orange-500), var(--orange-600));

  /* Logic Mappings */
  --primary: var(--blue-800);
  --primary-hover: var(--blue-600);
  --accent: var(--cyan-500);
  /* Tech highlight */
  --highlight: var(--orange-500);
  /* Visual pop / Action */
  --border: var(--slate-200);

  /* Typography */
  --font-main: "Inter", system-ui, -apple-system, sans-serif;

  /* Layout */
  --container-width: 1200px;
  --header-height: 80px;
  --radius-sm: 6px;
  --radius-md: 16px;
  --radius-lg: 24px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -1px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.1);
  --shadow-glow: 0 0 25px rgba(6, 182, 212, 0.25);
  --shadow-orange: 0 4px 15px rgba(249, 115, 22, 0.3);

  /* Transitions */
  --trans-fast: 0.2s ease;
  --trans-smooth: 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

/* ACCESSIBILITY MODES */
html.acc-dark {
  --blue-950: #ffffff;
  --blue-900: #f8fafc;
  --blue-800: #e2e8f0;

  --slate-50: #121212;
  --slate-100: #1e1e1e;
  --slate-200: #333333;
  --slate-300: #a3a3a3;
  --slate-400: #d4d4d4;
  --slate-500: #e5e5e5;

  --primary: #60dcfa;
  --border: #444;

  --grad-hero: none;
  --bg-tech-grid: none;
}

html.acc-contrast {
  --blue-900: black !important;
  --slate-500: black !important;
  --slate-300: black !important;
  --slate-50: white !important;
  --slate-100: white !important;
  --primary: #0000AA !important;
  --accent: #000000 !important;
  filter: contrast(1.2);
}

html.acc-spacing * {
  line-height: 1.8 !important;
  letter-spacing: 0.05em !important;
}

html.acc-fontsize {
  font-size: 110% !important;
}

html.acc-links a {
  text-decoration: underline !important;
  background-color: #ffeb3b !important;
  color: #000 !important;
}