:root {
  --eh-color-bg-void: #05050d;
  --eh-color-bg-floor: #080914;
  --eh-color-bg-deep: #0b0c19;
  --eh-color-bg-mid: #101224;
  --eh-color-bg-soft: #15182c;
  --eh-color-surface-1: rgba(15, 18, 34, 0.72);
  --eh-color-surface-2: rgba(18, 22, 41, 0.82);
  --eh-color-surface-3: rgba(24, 29, 52, 0.9);
  --eh-color-surface-frost: rgba(255, 255, 255, 0.04);
  --eh-color-surface-frost-strong: rgba(255, 255, 255, 0.07);
  --eh-color-text-strong: #f3f2ff;
  --eh-color-text-main: #dfdcfb;
  --eh-color-text-soft: #aaa6cf;
  --eh-color-text-dim: #7f7ba6;
  --eh-color-text-muted: #6e6a8f;
  --eh-color-accent-violet: #7a5cff;
  --eh-color-accent-violet-soft: #9d8cff;
  --eh-color-accent-blue: #4e8dff;
  --eh-color-accent-cyan: #31c3e7;
  --eh-color-accent-rose: #e46ca8;
  --eh-color-accent-mint: #33d5a1;
  --eh-color-accent-amber: #d6a546;
  --eh-border-subtle: rgba(255, 255, 255, 0.06);
  --eh-border-soft: rgba(255, 255, 255, 0.09);
  --eh-border-medium: rgba(255, 255, 255, 0.13);
  --eh-border-accent: rgba(122, 92, 255, 0.34);
  --eh-border-electric: rgba(49, 195, 231, 0.3);
  --eh-bg-base:
    radial-gradient(circle at 52% 16%, rgba(97, 70, 220, 0.24), transparent 0 32rem),
    radial-gradient(circle at 85% 28%, rgba(34, 104, 214, 0.14), transparent 0 28rem),
    radial-gradient(circle at 14% 72%, rgba(111, 47, 127, 0.1), transparent 0 24rem),
    linear-gradient(180deg, #060611 0%, #080915 32%, #070812 100%);
  --eh-bg-hero:
    radial-gradient(circle at 50% 14%, rgba(122, 92, 255, 0.26), transparent 0 34rem),
    radial-gradient(circle at 76% 32%, rgba(49, 195, 231, 0.11), transparent 0 24rem),
    radial-gradient(circle at 18% 36%, rgba(228, 108, 168, 0.08), transparent 0 20rem);
  --eh-bg-section:
    radial-gradient(circle at 50% 0%, rgba(122, 92, 255, 0.12), transparent 0 22rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0));
  --eh-bg-cta:
    radial-gradient(circle at 20% 20%, rgba(122, 92, 255, 0.18), transparent 0 18rem),
    radial-gradient(circle at 80% 40%, rgba(49, 195, 231, 0.12), transparent 0 18rem),
    linear-gradient(135deg, rgba(17, 20, 38, 0.94), rgba(22, 16, 34, 0.92));
  --eh-radial-violet-xl: radial-gradient(circle, rgba(122, 92, 255, 0.22) 0%, rgba(122, 92, 255, 0.12) 26%, rgba(122, 92, 255, 0) 72%);
  --eh-radial-cyan-lg: radial-gradient(circle, rgba(49, 195, 231, 0.18) 0%, rgba(49, 195, 231, 0.08) 28%, rgba(49, 195, 231, 0) 68%);
  --eh-radial-rose-lg: radial-gradient(circle, rgba(228, 108, 168, 0.14) 0%, rgba(228, 108, 168, 0.06) 26%, rgba(228, 108, 168, 0) 68%);
  --eh-radial-mint-md: radial-gradient(circle, rgba(51, 213, 161, 0.14) 0%, rgba(51, 213, 161, 0.06) 24%, rgba(51, 213, 161, 0) 62%);
  --eh-glow-violet-soft: 0 0 40px rgba(122, 92, 255, 0.16);
  --eh-glow-violet-medium: 0 0 72px rgba(122, 92, 255, 0.22);
  --eh-glow-cyan-soft: 0 0 36px rgba(49, 195, 231, 0.14);
  --eh-glow-cyan-medium: 0 0 64px rgba(49, 195, 231, 0.18);
  --eh-glow-rose-soft: 0 0 36px rgba(228, 108, 168, 0.12);
  --eh-glow-mint-soft: 0 0 36px rgba(51, 213, 161, 0.12);
  --eh-blur-xs: 6px;
  --eh-blur-sm: 10px;
  --eh-blur-md: 16px;
  --eh-blur-lg: 24px;
  --eh-blur-xl: 40px;
  --eh-blur-atmosphere: 72px;
  --eh-blur-lightfield: 120px;
  --eh-space-2xs: 0.25rem;
  --eh-space-xs: 0.5rem;
  --eh-space-sm: 0.75rem;
  --eh-space-md: 1rem;
  --eh-space-lg: 1.5rem;
  --eh-space-xl: 2rem;
  --eh-space-2xl: 3rem;
  --eh-space-3xl: 4.5rem;
  --eh-space-4xl: 6rem;
  --eh-space-5xl: 8rem;
  --eh-space-6xl: 11rem;
  --eh-radius-sm: 0.75rem;
  --eh-radius-md: 1rem;
  --eh-radius-lg: 1.25rem;
  --eh-radius-xl: 1.75rem;
  --eh-radius-2xl: 2.25rem;
  --eh-radius-pill: 999px;
  --eh-border-line-subtle: 1px solid var(--eh-border-subtle);
  --eh-border-line-soft: 1px solid var(--eh-border-soft);
  --eh-border-line-medium: 1px solid var(--eh-border-medium);
  --eh-border-line-accent: 1px solid var(--eh-border-accent);
  --eh-shadow-card:
    0 12px 40px rgba(0, 0, 0, 0.28),
    0 2px 12px rgba(0, 0, 0, 0.18);
  --eh-shadow-card-hover:
    0 18px 48px rgba(0, 0, 0, 0.34),
    0 6px 18px rgba(0, 0, 0, 0.2);
  --eh-shadow-panel:
    0 26px 70px rgba(0, 0, 0, 0.42),
    inset 0 1px 0 rgba(255, 255, 255, 0.04);
  --eh-shadow-nav: 0 12px 34px rgba(0, 0, 0, 0.22);
  --eh-shadow-modal:
    0 32px 100px rgba(0, 0, 0, 0.52),
    0 8px 28px rgba(0, 0, 0, 0.24);
  --eh-card-surface:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.02)),
    rgba(14, 17, 31, 0.82);
  --eh-card-surface-strong:
    linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.025)),
    rgba(18, 22, 39, 0.9);
  --eh-card-surface-featured:
    linear-gradient(180deg, rgba(122, 92, 255, 0.08), rgba(255, 255, 255, 0.02)),
    rgba(18, 22, 42, 0.9);
  --eh-font-display: "Syne", "Space Grotesk", sans-serif;
  --eh-font-body: "DM Sans", "Inter", sans-serif;
  --eh-text-xs: 0.75rem;
  --eh-text-sm: 0.875rem;
  --eh-text-md: 1rem;
  --eh-text-lg: 1.125rem;
  --eh-text-xl: 1.35rem;
  --eh-text-2xl: 1.75rem;
  --eh-text-3xl: clamp(2.25rem, 5vw, 3.5rem);
  --eh-text-4xl: clamp(3.25rem, 8vw, 5.75rem);
  --eh-text-5xl: clamp(4rem, 10vw, 7.4rem);
  --eh-leading-tight: 0.92;
  --eh-leading-display: 0.98;
  --eh-leading-copy: 1.65;
  --eh-tracking-tight: -0.055em;
  --eh-tracking-display: -0.04em;
  --eh-tracking-label: 0.12em;
  --eh-nav-height: 4.5rem;
  --eh-max-width: 78rem;
  --eh-max-width-wide: 86rem;
  --eh-max-width-copy: 42rem;
  --eh-z-base: 0;
  --eh-z-atmosphere: 1;
  --eh-z-content: 10;
  --eh-z-sticky: 40;
  --eh-z-dropdown: 70;
  --eh-z-overlay: 90;
  --eh-z-modal: 110;
  --eh-z-toast: 130;
  --eh-ease-standard: 180ms ease;
  --eh-ease-soft: 260ms ease;
  --eh-ease-float: 320ms cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 768px) {
  :root {
    --eh-space-4xl: 4.5rem;
    --eh-space-5xl: 6rem;
    --eh-space-6xl: 7.5rem;
    --eh-text-4xl: clamp(2.75rem, 11vw, 4.5rem);
    --eh-text-5xl: clamp(3.25rem, 14vw, 5.25rem);
  }
}