:root{
  --color-primary-50: #f0ecff;
  --color-primary-100: #e6e1fb;
  --color-primary-500: #4405dc;
  --color-primary-700: #2e14b1;
  --color-primary-900: #1c0c6d;
  --color-accent-100: #ffd1ea;
  --color-accent-400: #ec008c;
  --color-accent-600: #c40077;
  --color-neutral-bg: #ffffff;
  --color-neutral-surface: #f7f7f9;
  --color-neutral-border: #e6e8ee;
  --color-neutral-text: #111213;
  --color-neutral-mutedText: #44474f;
  --color-semantic-info: #1768d8;
  --color-semantic-success: #18c07a;
  --color-semantic-warning: #f6a500;
  --color-semantic-danger: #e53935;
  --color-dark-bg: #0b0b0b;
  --color-dark-surface: #141414;
  --color-dark-border: #222428;
  --color-dark-text: #f7f7f7;
  --color-dark-mutedText: #d6dae3;
  --typography-heading-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --typography-heading-weights: [700, 800];
  --typography-heading-scale-h1: 56;
  --typography-heading-scale-h2: 40;
  --typography-heading-scale-h3: 26;
  --typography-body-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --typography-body-size: 17;
  --typography-body-lineHeight: 1.55;
  --typography-aux-caption: 12;
  --typography-aux-code: 14;
  --spacing-scale: [8, 12, 16, 24, 32, 48, 64, 96];
  --radius-sm: 6;
  --radius-md: 10;
  --radius-lg: 14;
  --radius-xl: 20;
  --shadow-sm: 0 10px 26px rgba(0,0,0,.10);
  --shadow-md: 0 16px 42px rgba(0,0,0,.14);
  --shadow-lg: 0 28px 64px rgba(0,0,0,.18);
  --interactive-link-default: #4405dc;
  --interactive-link-hover: #2e14b1;
  --interactive-link-focus: outline 3px solid #ec008c;
  --interactive-buttonPrimary-bg: #ec008c;
  --interactive-buttonPrimary-text: #ffffff;
  --interactive-buttonPrimary-hoverBg: #c40077;
  --interactive-buttonPrimary-disabledBg: #ffd1ea;
  --interactive-focusRing-outline: #ec008c;
  --interactive-focusRing-offset: 2;
  --a11y-minContrast: AA;
  --a11y-minTarget: 44x44;
  --a11y-reducedMotion: true;
  --motion-duration-fast: 120;
  --motion-duration-base: 180;
  --motion-duration-slow: 240;
  --motion-easing: cubic-bezier(0.2,0,0,1);
  --layout-container-sm: 640;
  --layout-container-md: 768;
  --layout-container-lg: 1024;
  --layout-container-xl: 1280;
  --layout-grid-columns: 12;
  --layout-grid-gutter: 24;
  --breakpoints-sm: 480;
  --breakpoints-md: 768;
  --breakpoints-lg: 1024;
  --breakpoints-xl: 1280;
  --breakpoints-2xl: 1536;
  --zIndex-base: 0;
  --zIndex-dropdown: 1000;
  --zIndex-sticky: 1020;
  --zIndex-modal: 1100;
  --zIndex-popover: 1200;
  --zIndex-tooltip: 1300;
  --border-width-hairline: 1;
  --border-width-thin: 2;
  --border-style: solid;
  --opacity-disabled: 0.5;
  --opacity-muted: 0.72;
}