/*
 * tokens.css — канонический дизайн-токен-ассет Jelay Product System.
 * Источник правды: standards/costumes/design-web.md + standards/DESIGN_SYSTEM.md.
 * Значения посеяны из vk-ads-hybrid/static/app.css (light + dark).
 *
 * Как надеть: скопировать в static/tokens.css продукта и подключить ПЕРВЫМ.
 * Все стили используют var(--...), сырой hex в компонентах запрещён.
 * Версия ассета: 0.1.0.
 */
:root{
  /* поверхности */
  --surface-canvas:#fbfcfd; --surface-card:#ffffff; --surface-muted:#f5f7f9;
  /* текст */
  --text-primary:#0f1729; --text-secondary:#64748b; --text-disabled:#94a3b8;
  /* границы */
  --border-default:#e7ebf0; --border-strong:#cbd5e1;
  /* акцент и статусы (статус ≠ акцент) */
  --accent-primary:#3b6fed; --accent-soft:rgba(59,111,237,.08);
  --status-success:#16a34a; --status-warning:#d97706; --status-danger:#dc2626;
  --status-info:#3b6fed;                 /* пока = accent, уточнить отдельный тон */
  --focus-ring:#3b6fed;
  /* форма */
  --radius-control:8px; --radius-card:12px; --radius-panel:16px;
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-6:24px; --space-8:32px;
  --shadow:0 1px 2px rgba(16,24,40,.04),0 1px 3px rgba(16,24,40,.06);
  --shadow-lg:0 8px 24px rgba(16,24,40,.10);
  /* типографика: base 14 tools / 16 public, lh 1.45–1.6 */
  --font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --text-xs:12px; --text-sm:14px; --text-base:16px; --text-lg:20px;
  --text-xl:24px; --text-2xl:32px; --text-3xl:48px;
}

/* Тёмная тема: по системе, если пользователь не форсировал светлую вручную */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --surface-canvas:#0a0c10; --surface-card:#13161c; --surface-muted:#181c23;
    --text-primary:#e9edf3; --text-secondary:#8b95a5; --text-disabled:#5b6675;
    --border-default:#222730; --border-strong:#3a424e;
    --accent-primary:#5b8cff; --accent-soft:rgba(91,140,255,.12);
    --status-success:#3ecf6f; --status-warning:#e0a93b; --status-danger:#f2585b;
    --status-info:#5b8cff; --focus-ring:#5b8cff;
    --shadow:0 1px 2px rgba(0,0,0,.3); --shadow-lg:0 12px 32px rgba(0,0,0,.45);
  }
}

/* Ручной тумблер темы выигрывает у системы в обе стороны */
:root[data-theme="dark"]{
  --surface-canvas:#0a0c10; --surface-card:#13161c; --surface-muted:#181c23;
  --text-primary:#e9edf3; --text-secondary:#8b95a5; --text-disabled:#5b6675;
  --border-default:#222730; --border-strong:#3a424e;
  --accent-primary:#5b8cff; --accent-soft:rgba(91,140,255,.12);
  --status-success:#3ecf6f; --status-warning:#e0a93b; --status-danger:#f2585b;
  --status-info:#5b8cff; --focus-ring:#5b8cff;
  --shadow:0 1px 2px rgba(0,0,0,.3); --shadow-lg:0 12px 32px rgba(0,0,0,.45);
}