:root {
  color-scheme: light;

  --ua-color-brand: #ff2f68;
  --ua-color-brand-hover: #e91f5a;
  --ua-color-brand-soft: #fff0f4;
  --ua-color-violet: #6266ee;
  --ua-color-violet-hover: #5055dc;
  --ua-color-violet-soft: #f0f1ff;
  --ua-color-sky: #42a5f5;
  --ua-color-success: #14966f;
  --ua-color-warning: #c67a13;
  --ua-color-danger: #c63f58;

  --ua-color-ink: #242633;
  --ua-color-text: #454856;
  --ua-color-muted: #7e8292;
  --ua-color-subtle: #a4a8b5;
  --ua-color-line: #e3e5ee;
  --ua-color-line-strong: #d4d7e3;
  --ua-color-surface: #ffffff;
  --ua-color-surface-soft: #f7f8fc;
  --ua-color-page: #f4f6ff;

  --ua-gradient-brand: linear-gradient(100deg, #ff2f68 0%, #ff6285 100%);
  --ua-gradient-accent: linear-gradient(135deg, #6266ee 0%, #7f83fa 100%);
  --ua-gradient-page: linear-gradient(115deg, #e4f4ff 0%, #f1f2ff 48%, #fff0f5 100%);

  --ua-font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --ua-font-size-xs: clamp(.75rem, .72rem + .1vw, .8125rem);
  --ua-font-size-sm: clamp(.875rem, .84rem + .12vw, .9375rem);
  --ua-font-size-md: 1rem;
  --ua-font-size-lg: clamp(1.0625rem, 1rem + .25vw, 1.1875rem);
  --ua-font-size-xl: clamp(1.25rem, 1.1rem + .55vw, 1.5rem);
  --ua-font-size-2xl: clamp(1.75rem, 1.35rem + 1.25vw, 2.5rem);
  --ua-font-size-hero: clamp(2.25rem, 1.55rem + 2.7vw, 4.5rem);

  --ua-leading-tight: 1.12;
  --ua-leading-heading: 1.24;
  --ua-leading-body: 1.65;

  --ua-space-1: .25rem;
  --ua-space-2: .5rem;
  --ua-space-3: .75rem;
  --ua-space-4: 1rem;
  --ua-space-5: 1.25rem;
  --ua-space-6: 1.5rem;
  --ua-space-8: 2rem;
  --ua-space-10: 2.5rem;
  --ua-space-12: 3rem;
  --ua-space-16: 4rem;
  --ua-space-20: 5rem;

  --ua-radius-sm: .625rem;
  --ua-radius-md: .875rem;
  --ua-radius-lg: 1.25rem;
  --ua-radius-xl: 1.75rem;
  --ua-radius-pill: 999px;

  --ua-shadow-xs: 0 4px 12px rgba(42, 49, 88, .06);
  --ua-shadow-sm: 0 10px 28px rgba(42, 49, 88, .09);
  --ua-shadow-md: 0 20px 52px rgba(42, 49, 88, .12);
  --ua-shadow-brand: 0 14px 30px rgba(255, 47, 104, .22);

  --ua-container: 1180px;
  --ua-container-content: 820px;
  --ua-gutter: clamp(1rem, 3vw, 2rem);
  --ua-header-height: 76px;

  --ua-transition-fast: 160ms ease;
  --ua-transition: 220ms ease;
  --ua-focus-ring: 0 0 0 4px rgba(98, 102, 238, .18);
}