/* MyFreeCams - Enhanced Luxury CSS Variables & Design Tokens */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,600;0,700;0,800;1,400;1,600&family=Poppins:wght@400;500;600;700&family=Space+Grotesk:wght@500;700&display=swap');

:root {
  /* Ultra-Luxury Business-Appropriate Palette - Light Mode */
  --primary: #E01D5F;
  --primary-hover: #C21850;
  --primary-light: #FDF0F5;
  --primary-glow: rgba(224, 29, 95, 0.28);

  --secondary: #7C3AED;
  --secondary-hover: #6D28D9;
  --secondary-light: #F5F3FF;
  --secondary-glow: rgba(124, 58, 237, 0.22);

  --accent: #D97706;
  --accent-light: #FFFBEB;
  --accent-glow: rgba(217, 119, 6, 0.25);

  --highlight: #FF7597;
  --bg-main: #FCF5F0;
  --bg-surface: #FFFFFF;
  --bg-surface-elevated: #F8F3F8;
  --text-main: #111827;
  --text-muted: #4B5563;
  --text-light: #9CA3AF;
  --border-color: #F1E5F3;
  --border-glow: rgba(224, 29, 95, 0.3);

  /* Page-Specific Subtle Accent Accents */
  --page-accent-home: linear-gradient(135deg, #E01D5F 0%, #7C3AED 100%);
  --page-accent-blog: linear-gradient(135deg, #7C3AED 0%, #E01D5F 100%);
  --page-accent-category: linear-gradient(135deg, #FF7597 0%, #D97706 100%);
  --page-accent-author: linear-gradient(135deg, #D97706 0%, #E01D5F 100%);

  /* Rich Gradients */
  --grad-pink-purple: linear-gradient(135deg, #E01D5F 0%, #7C3AED 100%);
  --grad-rose-gold: linear-gradient(135deg, #FF7597 0%, #D97706 100%);
  --grad-lavender-pink: linear-gradient(135deg, #F3E8FF 0%, #FDF0F5 100%);
  --grad-blush-soft: linear-gradient(180deg, #FCF9FC 0%, #FFFFFF 100%);
  --grad-dark-luxury: linear-gradient(135deg, #0F0A18 0%, #1F1030 50%, #2A133D 100%);
  --grad-gold-shimmer: linear-gradient(90deg, #D97706 0%, #FBBF24 50%, #D97706 100%);

  /* Typography */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-subheading: 'Poppins', sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;
  --font-accent: 'Space Grotesk', monospace, sans-serif;

  /* Glassmorphic Filters & Shadows */
  --glass-bg: rgba(255, 255, 255, 0.82);
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-blur: blur(20px);
  --shadow-sm: 0 4px 16px rgba(224, 29, 95, 0.06);
  --shadow-md: 0 12px 32px rgba(124, 58, 237, 0.09);
  --shadow-lg: 0 24px 48px rgba(224, 29, 95, 0.14);
  --shadow-glow: 0 0 30px rgba(224, 29, 95, 0.3);

  /* Geometry & Radius */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-full: 9999px;
  --container-max: 1280px;
  --header-height: 85px;

  /* Smooth Easing Curves */
  --transition-fast: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: all 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-bounce: all 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* Deep Plum Dark Mode Theme */
[data-theme="dark"] {
  --bg-main: #0B0612;
  --bg-surface: #160D24;
  --bg-surface-elevated: #211336;
  --text-main: #F9FAFB;
  --text-muted: #D1D5DB;
  --text-light: #9CA3AF;
  --border-color: #311B4D;
  --border-glow: rgba(255, 117, 151, 0.4);

  --primary-light: #2C132E;
  --secondary-light: #24143D;
  --accent-light: #33210C;
  
  --glass-bg: rgba(22, 13, 36, 0.82);
  --glass-border: rgba(255, 255, 255, 0.08);
  --shadow-sm: 0 4px 16px rgba(0, 0, 0, 0.35);
  --shadow-md: 0 12px 32px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 24px 48px rgba(0, 0, 0, 0.6);
  --shadow-glow: 0 0 35px rgba(224, 29, 95, 0.4);
}