/* Фёдор Design System — generated from tokens.json */
:root, [data-theme="default"] {
  --pink-500: #fe2985;
  --pink-600: #e1176f;
  --pink-700: #c10e5c;
  --pink-100: #ffe3f0;
  --pink-50: #fff1f7;
  --rose-500: #f0498c;
  --rose-600: #d93679;
  --violet-500: #744df4;
  --violet-600: #5f38de;
  --violet-100: #eae3fe;
  --violet-50: #f4f0ff;
  --lime-400: #dbfd4b;
  --lime-500: #c9ec2f;
  --lime-100: #f4ffc8;
  --black: #000000;
  --white: #ffffff;
  --gray-900: #111114;
  --gray-700: #3c3c43;
  --gray-500: #71717a;
  --gray-300: #d4d4dc;
  --gray-200: #e6e6ec;
  --gray-100: #f3f3f7;
  --gray-50: #fafafc;
  --accent-primary: var(--pink-500);
  --accent-primary-hover: var(--pink-600);
  --accent-primary-active: var(--pink-700);
  --accent-secondary: var(--violet-500);
  --accent-secondary-hover: var(--violet-600);
  --accent-highlight: var(--lime-400);
  --accent-highlight-hover: var(--lime-500);
  --surface-page: var(--white);
  --surface-card: var(--white);
  --surface-subtle: var(--gray-100);
  --surface-inverse: var(--black);
  --text-body: var(--gray-900);
  --text-muted: var(--gray-500);
  --text-on-accent: var(--white);
  --text-on-highlight: var(--black);
  --text-inverse: var(--white);
  --border-default: var(--gray-200);
  --border-strong: var(--gray-300);
  --border-focus: var(--violet-500);
  --success: #22b573;
  --warning: #ffb020;
  --danger: #e5484d;
  --link: var(--violet-500);
  --link-hover: var(--violet-600);
  --shadow-card: 0 2px 8px rgba(17,17,20,.06),0 8px 24px rgba(17,17,20,.06);
  --shadow-pop: 0 12px 40px rgba(17,17,20,.16);
  --shadow-focus: 0 0 0 3px rgba(116,77,244,.35);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --control-h-sm: 36px;
  --control-h-md: 48px;
  --control-h-lg: 56px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 40px;
  --radius-pill: 999px;
  --ease-out: cubic-bezier(.2,.8,.3,1);
  --dur-fast: 120ms;
  --dur-med: 200ms;
  --tracking-display: -0.02em;
  --tracking-body: 0;
  --font-sans: 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-display: 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-text-display-1: 900 64px/1.05 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-text-display-2: 800 44px/1.1 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-text-h1: 800 32px/1.15 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-text-h2: 700 24px/1.2 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-text-h3: 700 18px/1.3 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-text-body-lg: 400 18px/1.5 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-text-body-md: 400 16px/1.5 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-text-body-sm: 400 14px/1.45 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-text-caption: 500 12px/1.35 'Onest',-apple-system,'Segoe UI',sans-serif;
  --font-text-button: 700 16px/1 'Onest',-apple-system,'Segoe UI',sans-serif;
}