/* ============================================================
   wb-tools — дизайн-токены (прототип партнёрского портала)
   Тема: «спокойная финансовая консоль» — тёплая бумага + виридиан.
   Светлая тема по умолчанию, тёмная через [data-theme="dark"].
   ============================================================ */

:root {
  /* --- Типографика --- */
  --font-ui: "Onest", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Spectral", "Georgia", "Times New Roman", serif;
  --font-mono: "JetBrains Mono", "Consolas", monospace;

  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;   /* базовый */
  --text-lg: 15.5px;
  --text-xl: 18px;
  --text-2xl: 22px;
  --text-3xl: 28px;
  --text-4xl: 38px;

  --leading-tight: 1.25;
  --leading-normal: 1.55;

  /* --- Отступы (база 4px) --- */
  --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-12: 48px;
  --sp-16: 64px;

  /* --- Радиусы --- */
  --r-sm: 7px;
  --r-md: 10px;
  --r-lg: 14px;
  --r-xl: 20px;
  --r-full: 999px;

  /* --- Motion --- */
  --ease: cubic-bezier(.22,.61,.36,1);
  --t-fast: 130ms var(--ease);
  --t-med: 220ms var(--ease);

  /* --- Слои --- */
  --z-dropdown: 50;
  --z-modal: 100;
  --z-toast: 200;

  /* ============ СВЕТЛАЯ ТЕМА (тёплая бумага) ============ */
  color-scheme: light;

  --bg: #F4F3EE;            /* фон приложения */
  --bg-sunken: #ECEAE2;     /* утопленные зоны: топбар-поиск, inputs */
  --surface: #FFFFFF;       /* карточки, панели */
  --surface-2: #FBFAF7;     /* чуть приглушённая поверхность */

  --ink: #1B2521;           /* основной текст (зелёно-чернильный) */
  --ink-2: #4E5A54;         /* вторичный */
  --ink-3: #79857F;         /* приглушённый, плейсхолдеры */

  --line: #E3E1D7;          /* обычные границы */
  --line-strong: #CFCDC0;   /* выраженные */

  --accent: #0B6B53;        /* виридиан — фирменный */
  --accent-strong: #09553F; /* hover/active */
  --accent-soft: #E2EFE8;   /* подложка-намёк */
  --on-accent: #FFFFFF;

  --ok: #177E47;     --ok-soft: #DFF1E5;
  --warn: #95650A;   --warn-soft: #FAF0D7;
  --err: #B3382C;    --err-soft: #F9E5E2;
  --info: #1A5DBF;   --info-soft: #E3EDFB;

  /* маркетплейсы — стилизованные фирменные */
  --wb: #CB11AB;     --wb-soft: #F9E3F4;
  --ozon: #005BFF;   --ozon-soft: #E0EAFF;
  --ym: #F6C200;     --ym-soft: #FBF1CC;  --on-ym: #2A2208;

  --shadow-sm: 0 1px 2px rgba(27,37,33,.05), 0 1px 1px rgba(27,37,33,.03);
  --shadow-md: 0 1px 2px rgba(27,37,33,.05), 0 6px 20px -4px rgba(27,37,33,.10);
  --shadow-lg: 0 2px 6px rgba(27,37,33,.06), 0 20px 48px -12px rgba(27,37,33,.18);

  --focus-ring: 0 0 0 3px rgba(11,107,83,.28);

  /* фирменная тёмно-лесная панель (логин, врезки) — одинакова в обеих темах */
  --forest: #0C1B15;
  --forest-2: #11251D;
  --forest-ink: #E9EFEA;
  --forest-muted: #8FA59A;
  --forest-line: rgba(233,239,234,.12);
}

[data-theme="dark"] {
  color-scheme: dark;

  --bg: #0F1412;
  --bg-sunken: #0A0E0C;
  --surface: #161D1A;
  --surface-2: #131916;

  --ink: #E6E9E4;
  --ink-2: #A6B0A9;
  --ink-3: #6F7A73;

  --line: #232B27;
  --line-strong: #37423C;

  --accent: #3FBE92;
  --accent-strong: #5BD3A9;
  --accent-soft: #142A21;
  --on-accent: #0A1410;

  --ok: #4CC383;     --ok-soft: #12281B;
  --warn: #E0A93E;   --warn-soft: #2B2210;
  --err: #E5705F;    --err-soft: #2E1714;
  --info: #6CA6F2;   --info-soft: #142036;

  --wb: #E254C7;     --wb-soft: #2E1129;
  --ozon: #5B93FF;   --ozon-soft: #101D38;
  --ym: #F2C94C;     --ym-soft: #2B240E;  --on-ym: #2A2208;

  --shadow-sm: 0 1px 2px rgba(0,0,0,.35);
  --shadow-md: 0 2px 6px rgba(0,0,0,.35), 0 10px 28px -6px rgba(0,0,0,.45);
  --shadow-lg: 0 4px 12px rgba(0,0,0,.4), 0 28px 64px -16px rgba(0,0,0,.6);

  --focus-ring: 0 0 0 3px rgba(63,190,146,.35);
}