/* ===== Candy Pop 🍬 — Design Tokens ===== */

:root {
  --bg-dark: #FFF0F5;
  --bg-mid: #FFF5FA;
  --bg-light: #FFE8F0;
  --bg-card: rgba(255, 255, 255, 0.75);
  --bg-card-hover: rgba(255, 255, 255, 0.92);

  --accent-blue: #FF6B9D;
  --accent-purple: #A855F7;
  --accent-cyan: #38BDF8;
  --accent-green: #34D399;
  --accent-orange: #FBBF24;
  --accent-mint: #6EE7B7;
  --accent-lavender: #C4B5FD;

  --gradient-main: linear-gradient(135deg, #FF6B9D, #A855F7);
  --gradient-glow: linear-gradient(135deg, #38BDF8, #FF6B9D);
  --gradient-text: linear-gradient(135deg, #FF6B9D, #A855F7);
  --gradient-hero: linear-gradient(160deg, #F5E6FF 0%, #FFE0EC 25%, #FFF5F8 50%, #E8F4FD 75%, #FFF0F5 100%);
  --gradient-candy: linear-gradient(135deg, #FFB6D5, #C4B5FD, #93E2FF, #A7F3D0, #FDE68A);

  --text-primary: #2D1B3D;
  --text-secondary: #5A3D6E;
  --text-muted: #9B7DAE;

  --border-subtle: rgba(255, 182, 213, 0.2);
  --border-accent: rgba(255, 107, 157, 0.4);
  --border-candy: rgba(168, 85, 247, 0.25);

  --font-heading: 'Poppins', 'Heebo', sans-serif;
  --font-body: 'Heebo', 'Poppins', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --section-py: 100px;
  --container-max: 1200px;
  --container-px: 24px;
  --nav-height: 72px;

  --radius: 20px;
  --radius-sm: 12px;
  --radius-lg: 28px;
  --radius-xl: 36px;
  --radius-full: 9999px;
  --shadow: 0 8px 32px rgba(255, 107, 157, 0.12);
  --shadow-glow: 0 0 40px rgba(255, 107, 157, 0.15), 0 0 20px rgba(168, 85, 247, 0.08);
  --shadow-card: 0 4px 24px rgba(255, 107, 157, 0.1);
  --shadow-candy: 0 8px 30px rgba(255, 107, 157, 0.18), 0 4px 12px rgba(168, 85, 247, 0.08);
  --shadow-pastel: 0 12px 40px rgba(255, 182, 213, 0.25);
  --transition: 0.3s ease;
  --transition-bounce: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  --backdrop: blur(16px);

  --nav-bg-scrolled: rgba(255, 240, 245, 0.92);
  --mobile-menu-bg: rgba(255, 240, 245, 0.97);
  --hero-grid-color: rgba(255, 107, 157, 0.03);
  --hero-code-color: rgba(168, 85, 247, 0.2);
  --overlay-bg: rgba(255, 240, 245, 0.85);

  /* Pastel palette for stat pills and decorations */
  --pastel-pink: #FFB6D5;
  --pastel-purple: #D8B4FE;
  --pastel-blue: #93E2FF;
  --pastel-mint: #A7F3D0;
  --pastel-yellow: #FDE68A;
  --pastel-peach: #FECACA;
  --pastel-lavender: #E8DAFF;
}

[data-theme="dark"] {
  --bg-dark: #1F0A1E;
  --bg-mid: #150812;
  --bg-light: #2A1228;
  --bg-card: rgba(255, 255, 255, 0.04);
  --bg-card-hover: rgba(255, 255, 255, 0.07);

  --text-primary: #FFF0F5;
  --text-secondary: #D4A0C0;
  --text-muted: #8A6080;

  --border-subtle: rgba(255, 255, 255, 0.08);
  --border-accent: rgba(255, 107, 157, 0.4);

  --gradient-hero: radial-gradient(ellipse at 50% 0%, rgba(255,107,157,0.15) 0%, transparent 60%);

  --shadow: 0 8px 32px rgba(0, 0, 0, 0.35);
  --shadow-glow: 0 0 50px rgba(255, 107, 157, 0.15);
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.25);

  --nav-bg-scrolled: rgba(31, 10, 30, 0.9);
  --mobile-menu-bg: rgba(31, 10, 30, 0.97);
  --hero-grid-color: rgba(255, 107, 157, 0.03);
  --hero-code-color: rgba(255, 107, 157, 0.3);
  --overlay-bg: rgba(31, 10, 30, 0.8);
}

[dir="rtl"] {
  --font-heading: 'Heebo', 'Poppins', sans-serif;
  --font-body: 'Heebo', 'Poppins', sans-serif;
}
[dir="ltr"] {
  --font-heading: 'Poppins', 'Heebo', sans-serif;
  --font-body: 'Poppins', 'Heebo', sans-serif;
}