@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url('../fonts/manrope-latin.woff2') format('woff2');
}
:root {
  color-scheme: light;
  --font-body: Manrope, 'Segoe UI', Arial, sans-serif;
  --text-body: 17px;
  --text-lead: 18px;
  --text-ui: 16px;
  --text-small: 14px;
  --color-ink: #10233f;
  --color-body: #43546b;
  --color-muted: #596b82;
  --color-accent: #225bc3;
  --color-accent-hover: #164aa5;
  --color-accent-soft: #eaf1fc;
  --color-action: #245eea;
  --color-action-hover: #1a4dcb;
  --color-paper: #ffffff;
  --color-surface: #f5f7fb;
  --color-surface-deep: #eaf0f8;
  --color-line: #d5deeb;
  --color-field-line: #8091a9;
  --color-input: #ffffff;
  --color-input-focus: #f8fbff;
  --color-note: #eaf1fc;
  --color-error: #b3261e;
  --color-error-surface: #fff0ed;
  --color-focus: #225bc3;
  --width-content: 1280px;
  --gutter: clamp(24px, 4.7vw, 80px);
  --header-height: 80px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-section: clamp(32px, 3vw, 48px);
  --radius-small: 3px;
  --radius-panel: 3px;
  --radius-shortcut: 12px;
  --motion-fast: 160ms;
  --motion-medium: 320ms;
  --motion-image: 550ms;
  --image-zoom: 1.04;
  --hero-zoom: 1.025;
  --menu-enter-duration: 220ms;
  --menu-exit-duration: 140ms;
  --menu-leave-intent: 160ms;
  --ease-out: cubic-bezier(.22, .7, .25, 1);
}
.theme-dark {
  color-scheme: dark;
  --color-ink: #f3f7ff;
  --color-body: #b7c7e0;
  --color-muted: #9eafca;
  --color-accent: #8bbcff;
  --color-accent-hover: #b6d6ff;
  --color-accent-soft: #132e58;
  --color-paper: #061126;
  --color-surface: #0b1b37;
  --color-surface-deep: #13294b;
  --color-line: #2b3e5d;
  --color-field-line: #627b9f;
  --color-input: #0d203e;
  --color-input-focus: #11294d;
  --color-note: #102748;
  --color-error: #ffb3ac;
  --color-error-surface: #3b202b;
  --color-focus: #9ecbff;
  color: var(--color-ink);
}