/* Site-wide design tokens. Loaded on every migrated page, before any other
   stylesheet. Values here must stay byte-identical to what they replace --
   this file only relocates existing tokens, it does not introduce new design
   decisions. */
:root {
  --primary-1: #7c3aed;
  --primary-2: #ec4899;
  --primary-3: #c938d6;
  --primary-4: #341e36;
  --primary-5: #9e27a8;
  --primary-6: #690e12;
  --accent: #ffd6f0;
  --accent-2: #f8eff2;
  --text-dark: #1f2937;
  --text-muted: #6b7280;
  --white: #ffffff;
  --bg: var(--white);
  --glass: rgba(255, 255, 255, 0.1);

  --clr-1: 179, 25, 66;
  --clr-2: 10, 49, 97;
  --dark-color: 0, 19, 42;
  --light-color: 255, 255, 255;
  --primary-1-rgb: 124, 58, 237; /* = --primary-1, for rgba() composition */
  --primary-2-rgb: 236, 72, 153; /* = --primary-2, for rgba() composition */

  --shadow-sm: 0 4px 6px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 10px 25px rgba(0, 0, 0, 0.08);
  --radius: 16px;
  --container: 1280px;
  --transition-base: 0.3s ease;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;

  --purple-top: #f2e8ff;
  --purple-bottom: #d9c6ff;
  --pink-top: #ffe5f2;
  --pink-bottom: #ffcde4;
  --blue-top: #dff3ff;
  --blue-bottom: #c0e1f5;
  --rose-top: #ffeef4;
  --rose-bottom: #ffd9e9;
  --navy-top: #304266;
  --navy-bottom: #1b253b;

  --radius-lg: 26px;
  --radius-md: 18px;
  --shadow-card: 0 22px 45px rgba(25, 29, 57, 0.12);
  --shadow-hero: 0 30px 60px rgba(25, 29, 57, 0.15);
  --shadow-lg: 0 20px 40px rgba(0, 0, 0, 0.25);
  --shadow-badge: 0 4px 20px rgba(var(--primary-1-rgb), 0.3);
  --hiw-overlay: rgba(83, 0, 23, 0.72);

  --bg-1: #c13b8c;
  --bg-2: #7a2b6c;
  --bg-3: #2b0f22;
  --text: var(--white);
  --muted: rgba(255, 255, 255, 0.82);

  --bi-primary: var(--primary-1);
  --bi-secondary: var(--primary-2);
  --bi-dark: #0f172a;
  --bi-light: #f8fafc;
  --bi-gradient-hero: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
  --bi-gradient-accent: linear-gradient(
    135deg,
    var(--primary-1) 0%,
    var(--primary-2) 100%
  );

  --brand-purple-2: #9e27a9;
  --brand-pink: #f65fb6;
  --brand-pink-bg: #f7c8e3;
  --brand-blue: #4896b2;
  --brand-navy: #5882a4;
  --brand-charcoal: #402d38;
  --text-navy: #2e3a59;
  --text-slate: #5b6176;
  --accent-violet: #8b3dcc;
  --border-slate: #e2e8f0;
  --overlay-black-05: rgba(0, 0, 0, 0.05);
  --overlay-black-10: rgba(0, 0, 0, 0.1);
  --overlay-black-15: rgba(0, 0, 0, 0.15);
  --overlay-purple-20: rgba(124, 58, 237, 0.2);
  --fs-14: 14px;
  --fs-16: 16px;

  --cta-dark-bg: #1e293b;
  --cta-violet: #a855f7;
  --cta-violet-rgb: 168, 85, 247;
  --cta-text-muted-blue: #c4d8f5;
  --gradient-primary-violet: linear-gradient(
    135deg,
    var(--primary-1) 0%,
    var(--cta-violet) 100%
  );
  --gradient-violet-soft: linear-gradient(355deg, #7c3aed4d 0%, #a855f73b 100%);
  --lh-tight: 1.1;
  --lh-relaxed: 1.7;
  --space-24: 24px;
  --heading-navy: #2c3e50;
  --text-gray: #666;
  --text-dark-gray: #333;
  --stat-purple: #7b2cbf;
  --text-almost-black: #1a1a1a;
  --ease-smooth: cubic-bezier(0.4, 0, 0.2, 1);
  --radius-sm: 8px;
  --text-black: #000000;
  --lavender-tint: #f1edfb;
  --accent-violet-rgb: 139, 61, 204;
  --faq-shadow-rgb: 25, 29, 57;
  --transition-fast: 0.2s ease;
  --transition-smooth: 0.3s ease-in-out;

  --fs-section-title: clamp(2rem, 4vw, 3.5rem);
  --fs-section-desc: clamp(1rem, 1.5vw, 1.125rem);
  --fs-card-title: clamp(18px, 2vw, 24px);
  --fs-h4: clamp(1rem, 1.75vw, 1.25rem);
  --fs-kicker: 14px;
  --section-py: 2rem;
}

@media (min-width: 768px) {
  :root {
    --section-py: 3rem;
  }
}