/* AM Solutions - Visual Design System Variables (Esclusivo Light Theme) */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');

:root {
  /* Fonts */
  --font-heading: 'Space Grotesk', 'Outfit', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-serif: 'Instrument Serif', serif;

  /* Common Spacing & Dimensions */
  --header-height: 80px;
  --border-radius-sm: 8px;
  --border-radius-md: 14px;
  --border-radius-lg: 24px;
  --border-radius-full: 9999px;
  --transition-fast: 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-normal: 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  --transition-slow: 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
  
  /* Brand Colors (Light Theme Premium) */
  --bg-primary: #f5f5f7;
  --bg-secondary: #ffffff;
  --bg-tertiary: #e8e8ed;
  --bg-glass: rgba(255, 255, 255, 0.75);
  --bg-glass-hover: rgba(255, 255, 255, 0.9);
  --bg-glass-nav: rgba(245, 245, 247, 0.85);
  --bg-input: #ffffff;
  
  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #0071e3 0%, #682bd8 100%);
  --gradient-dark: linear-gradient(180deg, #f5f5f7 0%, #ffffff 100%);
  --gradient-card: linear-gradient(135deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%);
  --gradient-glow: linear-gradient(135deg, rgba(0, 113, 227, 0.05) 0%, rgba(104, 43, 216, 0.05) 100%);
  
  /* Text */
  --text-primary: #1d1d1f;
  --text-secondary: #6e6e73;
  --text-muted: #86868b;
  --text-inverse: #ffffff;
  
  /* Accents */
  --color-primary: #0071e3;
  --color-secondary: #682bd8;
  --color-success: #1d1d1f;
  --color-warning: #ff6a00;
  --color-danger: #ff453a;
  
  /* Borders & Highlights */
  --border-color: rgba(0, 0, 0, 0.08);
  --border-color-hover: rgba(0, 0, 0, 0.15);
  --border-glass: 1px solid rgba(0, 0, 0, 0.08);
  --border-glass-hover: 1px solid rgba(0, 0, 0, 0.12);
  
  /* Shadows & Glows (Enhanced for premium depth & contrast) */
  --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.15);
  --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.20);
  --shadow-lg: 0 24px 64px rgba(0, 0, 0, 0.25);
  --shadow-glow: 0 8px 30px rgba(0, 113, 227, 0.35);
  --shadow-glow-purple: 0 8px 30px rgba(104, 43, 216, 0.35);
  --shadow-card-hover: 0 20px 48px rgba(0, 0, 0, 0.30);
  
  /* Utilities */
  --blur-amount: blur(20px);
  --video-overlay: rgba(245, 245, 247, 0.45);
}