:root {
  /* Backgrounds */
  --bg-primary: #0a0a14;
  --bg-card: rgba(255, 255, 255, 0.03);
  --bg-elevated: rgba(255, 255, 255, 0.06);

  /* Text */
  --text-primary: #f0f0f5;
  --text-secondary: rgba(255, 255, 255, 0.7);
  --text-muted: rgba(255, 255, 255, 0.5);

  /* Accent */
  --accent-blue: #2572dc;
  --accent-blue-light: #60a5fa;
  --accent-gradient: linear-gradient(135deg, #2572dc, #60a5fa);

  /* Borders */
  --border: rgba(255, 255, 255, 0.06);
  --border-hover: rgba(37, 114, 220, 0.3);

  /* Effects */
  --glow: radial-gradient(circle, rgba(37, 114, 220, 0.12) 0%, transparent 70%);

  /* Spacing */
  --section-padding: 100px 64px;
  --section-padding-tablet: 72px 40px;
  --section-padding-mobile: 56px 24px;
  --nav-height: 72px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-base: 0.3s ease;

  /* Garage door texture */
  --garage-texture: repeating-linear-gradient(
    0deg,
    rgba(255, 255, 255, 0.03) 0px,
    rgba(255, 255, 255, 0.03) 1px,
    transparent 1px,
    transparent 80px
  );
}