/* Selletta design tokens · этап 3 · имена по REDESIGN-CONTRACT */
:root {
  /* --- цвет: светлая тема (основная) --- */
  --bg: #F6F7FB;
  --card: #FFFFFF;
  --ink: #14162A;
  --muted: #5D637A;
  --line: #E5E7F0;
  --brand: #6D5EFC;
  --brand-d: #5546E0;
  --brand-soft: #EEEBFF;
  --data: #2FB98D;
  --data-soft: #E3F7F0;
  --warn: #C63840;
  --warn-soft: #FDECEC;
  --amber: #9A5B00;
  --amber-soft: #FBF1DE;

  /* --- геометрия и тени (контракт: --radius, --shadow) --- */
  --radius: 16px;            /* карточки */
  --radius-sm: 12px;         /* контролы, инпуты, кнопки */
  --radius-lg: 24px;         /* hero-блоки, модалки */
  --shadow: 0 10px 30px rgba(20, 22, 42, .07);
  --shadow-lg: 0 14px 44px rgba(20, 22, 42, .14);

  /* --- типографика --- */
  --font-display: 'Manrope', system-ui, sans-serif;
  --font-ui: 'Inter', system-ui, sans-serif;
  --font-data: 'IBM Plex Mono', ui-monospace, monospace;
  --fs-display-1: 48px; --fs-display-2: 38px;
  --fs-h1: 30px; --fs-h2: 24px; --fs-h3: 19px;
  --fs-body: 15px; --fs-small: 13.5px; --fs-caption: 12px;

  /* --- отступы: база 4 --- */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px;
  --sp-14: 56px; --sp-18: 72px;

  /* --- графики, 6 серий --- */
  --chart-1: #6D5EFC; --chart-2: #2FB98D; --chart-3: #E8A13C;
  --chart-4: #4FA8E0; --chart-5: #A62957; --chart-6: #8C8FA6;
}

[data-theme="dark"] {
  --bg: #0D0E1E;
  --card: #16182D;
  --ink: #EEF0FF;
  --muted: #A2A8C7;
  --line: #262A45;
  --brand: #8B7BFF;
  --brand-d: #6D5EFC;
  --brand-soft: #26224B;
  --data: #7EE8C3;
  --data-soft: #12352B;
  --warn: #FF8FA3;
  --warn-soft: #3B1620;
  --amber: #F5B048;
  --amber-soft: #33290F;
  --shadow: 0 10px 30px rgba(0, 0, 0, .35);
  --shadow-lg: 0 16px 44px rgba(0, 0, 0, .5);
}

/* Правило вуали (текст на металлик-градиенте) */
.scrim-light { background: rgba(250,250,254,.55); backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,.7); }
.scrim-dark  { background: rgba(16,18,35,.58);  backdrop-filter: blur(18px); border: 1px solid rgba(255,255,255,.16); }