/**
 * KYAN STORE — Cyber-Neon Design Tokens
 * Local Project Master CSS
 */

@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');

:root {
  /* Colors */
  --kyan-bg-base: #030712;
  --kyan-bg-deep: #040D1A;
  --kyan-bg-surface: #06142C;
  --kyan-bg-raised: #0A1C38;
  
  --kyan-neon-cyan: #00F0FF;
  --kyan-neon-cyan-hover: #38F2FF;
  --kyan-neon-blue: #0084FF;
  --kyan-neon-blue-dark: #0052B4;
  --kyan-neon-indigo: #4F46E5;
  
  --kyan-glass-surface: rgba(6, 20, 44, 0.72);
  --kyan-glass-surface-hover: rgba(8, 28, 60, 0.88);
  --kyan-glass-border: rgba(0, 240, 255, 0.22);
  --kyan-glass-border-hover: rgba(0, 240, 255, 0.65);
  --kyan-glass-top-highlight: rgba(255, 255, 255, 0.20);
  
  --kyan-gradient-cyber: linear-gradient(135deg, #00F0FF 0%, #0084FF 100%);
  --kyan-gradient-cta: linear-gradient(90deg, #00C2FF 0%, #0070F3 100%);
  
  --kyan-text-white: #FFFFFF;
  --kyan-text-cyan: #00F0FF;
  --kyan-text-body: #CBD5E1;
  --kyan-text-muted: #94A3B8;
  --kyan-text-dim: #64748B;
  
  --kyan-font-family: 'Cairo', -apple-system, BlinkMacSystemFont, sans-serif;
  
  /* Strict Layout & Responsive Grid Tokens */
  --kyan-container-max: 1280px;
  --kyan-gutter-desktop: 24px;
  --kyan-gutter-tablet: 20px;
  --kyan-gutter-mobile: 16px;
  
  --kyan-section-gap-desktop: 80px;
  --kyan-section-gap-tablet: 60px;
  --kyan-section-gap-mobile: 44px;
  
  /* Radii */
  --kyan-radius-sm: 6px;
  --kyan-radius-md: 10px;
  --kyan-radius-lg: 14px;
  --kyan-radius-xl: 20px;
  --kyan-radius-pill: 9999px;
  
  /* Glows */
  --kyan-glow-cyan-sm: 0 0 12px rgba(0, 240, 255, 0.35);
  --kyan-glow-cyan-md: 0 0 24px rgba(0, 240, 255, 0.50);
  --kyan-glow-cyan-lg: 0 0 45px rgba(0, 240, 255, 0.65);
  --kyan-glow-text: 0 0 15px rgba(0, 240, 255, 0.60);
  --kyan-card-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.60), inset 0 0 12px rgba(0, 240, 255, 0.05);
  --kyan-card-shadow-hover: 0 12px 48px 0 rgba(0, 0, 0, 0.75), 0 0 25px rgba(0, 240, 255, 0.35);
}