:root {
  --lumen-blue-main: #3B7CFF;
  --lumen-blue-soft: #6FA2FF;
  --lumen-blue-deep: #1E4FD6;
  --lumen-blue-mist: #B8D4FF;
  --lumen-sky: #9EC8FF;
  --lumen-bg-gradient: linear-gradient(180deg, #DCE9FF 0%, #F4F8FF 60%, #FFFFFF 100%);
  --lumen-card-bg: rgba(255, 255, 255, 0.85);
  --lumen-card-border: rgba(255, 255, 255, 0.9);
  --lumen-glass: rgba(255, 255, 255, 0.75);
  --text-dark: #0D1424;
  --text-ink: #0C1A30;
  --text-muted: #64748B;
  --surface: #F4F8FF;
  --surface-strong: #FFFFFF;
  --line: rgba(59, 124, 255, 0.12);
  --shadow-card: 0 20px 40px rgba(18, 48, 112, 0.04);
  --shadow-pill: 0 15px 35px rgba(59, 124, 255, 0.12);
  --shadow-cta: 0 10px 24px rgba(59, 124, 255, 0.18);
  --font-main: "Plus Jakarta Sans", sans-serif;
  --font-body: "Inter", sans-serif;
  --font-mono: "Inter", sans-serif;
  --header-height: 64px;
  --touch-min: 44px;
  --radius-card: 28px;
  --radius-pill: 50px;
  --radius-footer: 36px;
  --container: 1180px;
  --section-padding-x: clamp(1.5rem, 5.5vw, 3.25rem);
  --section-padding-y: clamp(3.75rem, 8vw, 7.5rem);
  --section-gap: clamp(3.75rem, 8vw, 7.5rem);
  --fs-hero: clamp(3.2rem, 6.5vw, 6rem);
  --fs-h2: clamp(1.85rem, 3.4vw, 3rem);
  --fs-h3: clamp(1.1rem, 1.6vw, 1.35rem);
  --fs-body: clamp(1rem, 1.1vw, 1.125rem);
  --fs-small: 0.9375rem;
  --z-base: 1;
  --z-header: 40;
  --z-nav: 30;
  --z-toggle: 50;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (min-width: 768px) {
  :root {
    --header-height: 72px;
  }
}