/* Небесный атлас v1.1. Opt-in: import this file in a future UI build. */
:root {
  color-scheme: light;
  --brand-illustration-light: #f0e7f8;
  --brand-illustration-mid: #b9a9d7;
  --brand-illustration-shadow: #302b4b;
  --brand-illustration-copper: #d3b69a;
  --brand-paper: #f6f3ec;
  --brand-surface: #fffefa;
  --brand-ink: #202637;
  --brand-muted: #626777;
  --brand-primary: #5945a0;
  --brand-primary-hover: #463480;
  --brand-primary-soft: #ece7f7;
  --brand-accent: #95613e;
  --brand-line: #dad6ce;
  --brand-control: #85818e;
  --brand-success: #326550;
  --brand-warning: #825b16;
  --brand-danger: #a33d45;
  --font-display: Georgia, 'Times New Roman', serif;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-code: ui-monospace, SFMono-Regular, Consolas, monospace;
  --text-display: clamp(2.5rem, 6vw, 4.5rem);
  --text-h1: clamp(2rem, 4vw, 3rem);
  --text-h2: clamp(1.625rem, 3vw, 2rem);
  --text-h3: 1.375rem;
  --text-lead: 1.25rem;
  --text-article: 1.125rem;
  --text-body: 1rem;
  --text-caption: .875rem;
  --text-code: .8125rem;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-24: 6rem;
  --radius-control: .5rem;
  --radius-panel: .75rem;
  --radius-pill: 999px;
  --width-page: 80rem;
  --width-article: 68ch;
  --shadow-overlay: 0 8px 32px rgb(32 38 55 / .1);
  --motion-fast: 120ms;
  --motion-normal: 180ms;
}