@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

:root {
  /* Colors */
  --bg-dark-base: #08080a;
  --bg-dark-card: #101013;
  --bg-dark-surface: #16161c;
  --bg-dark-light: #202028;
  
  --text-primary: #ffffff;
  --text-secondary: #a0a0ab;
  --text-muted: #71717a;
  --text-highlight: #e4e4e7;
  
  /* Brand/Laser Colors */
  --color-laser-blue: #00f0ff;
  --color-laser-blue-glow: rgba(0, 240, 255, 0.15);
  --color-laser-orange: #ff6b00;
  --color-laser-orange-glow: rgba(255, 107, 0, 0.15);
  --color-steel: #b0b5c0;
  
  /* Borders and Grids */
  --border-cad: rgba(255, 255, 255, 0.07);
  --border-cad-active: rgba(255, 255, 255, 0.15);
  --grid-line-color: rgba(255, 255, 255, 0.03);
  
  /* Fonts */
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;
  
  /* Transition and Timing */
  --transition-fast: 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-normal: 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.8s cubic-bezier(0.16, 1, 0.3, 1);
  
  /* Layout Spacing */
  --container-width: 1280px;
  --header-height: 80px;
}