/* Volt-Line Design System Variables - Exact from Vite Original */
:root {
  /* Colors */
  --color-bg-primary: #090909;
  --color-bg-panel-1: #0b0b0b;
  --color-bg-panel-2: #050505;
  --color-bg-card: rgba(20, 20, 20, 0.75);
  --color-bg-card-hover: rgba(159, 48, 248, 0.1);
  --color-bg-card-light: rgba(255, 255, 255, 0.03);
  --color-bg-card-light-hover: rgba(255, 255, 255, 0.06);
  
  --color-text-primary: #ffffff;
  --color-text-secondary: rgba(255, 255, 255, 0.7);
  --color-text-muted: rgba(255, 255, 255, 0.5);
  --color-text-dim: rgba(255, 255, 255, 0.4);

  --color-accent: #9f30f8;
  --color-accent-bright: #9b3dff;
  --color-accent-rgb: 159, 48, 248;
  --color-accent-glow: rgba(159, 48, 248, 0.4);
  --color-accent-border: rgba(159, 48, 248, 0.3);
  --color-border-subtle: rgba(255, 255, 255, 0.08);
  --color-border-card: rgba(255, 255, 255, 0.1);

  /* Typography */
  --font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  
  /* Dimensions */
  --header-height: 70px;
  --container-max-width: 1440px;

  /* Transitions */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.8s cubic-bezier(0.45, 0, 0.15, 1);

  /* Backdrop Blur */
  --backdrop-blur: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}