/* Вариант A «Эксперт и агент» — стиль поверх tokens/*.css.
   Референс: Zest — Sales AI Agent (Dstudio), dribbble.com/shots/27155915.
   Светлая тёплая земля (Radix Sand light), пастельное размытое пятно из Orange и Pink light под окном
   продукта, чёрные кнопки, Inter Tight 500/400. Радиусы студии: плитка 8, кнопка и поле 4.
   Вердикты — статусные шкалы: Grass «заходить», Amber «рискованно», Tomato «не заходить». */
:root{
  /* примитивы — Radix Colors, светлая тема */
  --sand-1:#fdfdfc; --sand-2:#f9f9f8; --sand-3:#f1f0ef; --sand-4:#e9e8e6; --sand-5:#e2e1de; --sand-6:#dad9d6;
  --sand-7:#cfceca; --sand-8:#bcbbb5; --sand-9:#8d8d86; --sand-10:#82827c; --sand-11:#63635e; --sand-12:#21201c;
  --orange-2:#fff7ed; --orange-3:#ffefd6; --orange-4:#ffdfb5; --orange-5:#ffd19a; --orange-6:#ffc182;
  --orange-9:#f76b15; --orange-11:#cc4e00; --orange-12:#582d1d;
  --pink-2:#fef7fb; --pink-3:#fee9f5; --pink-4:#fbdcef; --pink-5:#f6cee7; --pink-6:#efbfdd;
  --grass-3:#e9f6e9; --grass-4:#daf1db; --grass-9:#46a758; --grass-11:#2a7e3b; --grass-12:#203c25;
  --amber-3:#fff7c2; --amber-4:#ffee9c; --amber-9:#ffc53d; --amber-11:#ab6400; --amber-12:#4f3422;
  --tomato-3:#feebe7; --tomato-4:#ffdcd3; --tomato-9:#e54d2e; --tomato-11:#d13415; --tomato-12:#5c271f;
  /* нейтральная шкала компонентов — тёплая */
  --slate-1:var(--sand-1); --slate-2:var(--sand-2); --slate-3:var(--sand-3); --slate-4:var(--sand-4);
  --slate-5:var(--sand-5); --slate-6:var(--sand-6); --slate-7:var(--sand-7); --slate-8:var(--sand-8);
  --slate-9:var(--sand-9); --slate-10:var(--sand-10); --slate-11:var(--sand-11); --slate-12:var(--sand-12);

  /* семантика */
  --bg:var(--white); --panel:var(--sand-2); --panel2:var(--sand-3);
  --line:var(--sand-5); --line2:var(--sand-7);
  --ink:var(--sand-12); --ink2:var(--sand-11); --ink3:var(--sand-11);
  --acc:var(--sand-12); --acc-hover:var(--sand-11); --acc-text:var(--orange-11); --on-acc:var(--white); --acc2:var(--orange-9);
  --glow-1:var(--white); --glow-base:var(--white); --glow-2:var(--white);
  --ok:var(--grass-11); --warn:var(--amber-11); --danger:var(--tomato-11);
  --noise-page:none; --noise:none; --pixels:none;
  --r:8px; --r-s:4px;

  /* тёмная вставка */
  --dark:var(--sand-12); --on-dark:var(--sand-1); --on-dark2:var(--sand-8); --dark-line:var(--sand-11);

  --font:"Inter Tight",ui-sans-serif,system-ui,sans-serif; --font-display:var(--font);
  --display-weight:500; --display-tracking:-0.04em;

  /* компоненты */
  --hero-bg:var(--white); --hero-border:0; --hero-r:0; --hero-pixels:none; --hero-ink:var(--sand-12);
  --btn-h:48px; --btn-r:4px;
  --btn-bg:var(--sand-3); --btn-ink:var(--sand-12); --btn-bg-hover:var(--sand-4); --btn-bg-press:var(--sand-5);
  --btn-acc-bg:var(--sand-12); --btn-acc-ink:var(--white); --btn-acc-bg-hover:var(--sand-11); --btn-acc-bg-press:var(--sand-12);
  --btn-disabled-bg:var(--sand-4); --btn-disabled-ink:var(--sand-11);
  --ghost-border:var(--sand-7); --ghost-bg-hover:var(--sand-2); --ghost-bg-press:var(--sand-3);
  --chip-bg:var(--sand-3); --chip-bg-hover:var(--sand-4); --chip-bg-press:var(--sand-5);
  --chip-bg-on:var(--sand-12); --chip-ink-on:var(--white); --chip-bg-on-hover:var(--sand-11);
  --tile-bg:var(--white); --tile-blur:none; --tile-border:var(--sand-5); --tile-border-hover:var(--sand-8);
  --tile-highlight:none; --tile-r:8px; --tile-pad:32px;
  --plate-bg:var(--white); --plate-border:var(--sand-5); --plate-r:8px;
  --field-bg:var(--white); --field-border:var(--sand-7); --field-border-hover:var(--sand-9);
  --field-border-focus:var(--sand-12); --field-ring:color-mix(in srgb,var(--orange-9) 30%,transparent);
  --field-error:var(--tomato-11);
  --focus-ring:var(--sand-12);
}