:root {
  --ds-color-primary: #2f4ae0;
  --ds-color-primary-hover: #2338b8;
  --ds-color-primary-active: #1d2f99;
  --ds-color-on-primary: #ffffff;
  --ds-color-accent: #c92a78;
  --ds-text-link: #2f4ae0;

  --ds-surface-page: #fdfdff;
  --ds-surface-raised: #f5f6fd;
  --ds-surface-sunken: #e9ebf7;
  --ds-surface-inverse: #191d33;

  --ds-font-base: system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --ds-font-heading: system-ui, -apple-system, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

  --ds-fs-2xl: 2.3rem;
  --ds-fs-3xl: 2.6rem;
  --ds-fs-4xl: 3.3rem;
  --ds-fw-semibold: 700;
  --ds-fw-bold: 800;
  --ds-fw-black: 850;
  --ds-heading-weight: var(--ds-fw-black);
  --ds-heading-tracking: -0.015em;
  --ds-heading-leading: 1.12;

  --ds-radius-sm: 8px;
  --ds-radius-md: 14px;
  --ds-radius-lg: 20px;

  --ds-radius-btn: 999px;
  --ds-radius-card: 20px;
  --ds-shadow-card: 0 10px 30px -14px rgba(47, 74, 224, 0.14);

  --ds-container-max: 1100px;
  --ds-hero-media-max: 400px;

  --ds-gradient-brand: linear-gradient(118deg, #2f4ae0 0%, #8a4be0 55%, #c92a78 100%);
  --ds-gradient-soft: linear-gradient(160deg, #f2f4fe 0%, #fdeef7 100%);
  --ds-mark-color: color-mix(in srgb, #f0559f 32%, transparent);
  --ds-segment-active-bg: var(--ds-gradient-brand);
  --ds-range-color: #f0559f;

  --ds-gradient-panel: linear-gradient(150deg, #1c2350 0%, #3a2570 55%, #7a2a68 100%);
  --ds-radius-xl: 26px;
  --ds-shadow-brand: 0 24px 60px -18px rgba(240, 85, 159, 0.22);
  --ds-orb-color: color-mix(in srgb, #f0559f 30%, transparent);
  --ds-orb-color-primary: rgba(47, 74, 224, 0.16);
  --ds-orb-color-accent: rgba(240, 85, 159, 0.15);
  --ds-orb-color-alt: rgba(138, 75, 224, 0.13);
  --ds-orb-size: 300px;
}