:root {
  /* Colors */
  --primary-color: #FF8A00;
  --primary-hover: #E67700;
  --navy-dark: #000000;
  --bg-white: #000000;
  --bg-neutral: #0a0a0a;
  --text-primary: #FFFFFF;
  --text-secondary: #A1A1AA;
  --border-color: #27272A;

  /* Typography */
  --font-heading: 'Inter', 'Space Grotesk', sans-serif;
  --font-body: 'Inter', 'Open Sans', sans-serif;

  /* Layout */
  --max-width: 1200px;
  --header-height: 80px;

  /* Shadows */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
  
  /* Transitions */
  --transition-fast: 150ms ease-in-out;
  --transition-normal: 300ms ease;
}

@media (prefers-color-scheme: dark) {
  /* Optional: we can implement dark mode later if requested, but instructions focus on a specific solid palette, we will keep the standard enterprise look */
}