/* ==========================================================================
   API Company — дизайн-система демо-интерфейсов
   tokens.css — только переменные. Ничего, что рисует.
   ========================================================================== */

@font-face{
  font-family:'Inter Tight'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('fonts/inter-tight-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,
    U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Inter Tight'; font-style:normal; font-weight:400 700; font-display:swap;
  src:url('fonts/inter-tight-cyrillic.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

:root{
  /* — палитра — */
  --gray-0:#FFFFFF;   --gray-25:#FAFAF8;  --gray-50:#F4F4F0;
  --gray-100:#E9E9E4; --gray-200:#D8D5CD; --gray-300:#B9B6AD;
  --gray-500:#63686F; --gray-700:#464B53; --gray-900:#2E3238; --gray-950:#1A1D21;

  --accent-50:#EEF2FF; --accent-500:#2B5BFF; --accent-600:#2247CC; --accent-700:#1B37A0;

  --red-600:#B4151B;   --red-50:#FDEDEE;
  --green-600:#0E7C5E; --green-50:#E9F7F2;
  --amber-700:#8F5600; --amber-50:#FFF6E5;

  /* — поверхности и текст — */
  --surface:var(--gray-50);
  --surface-raised:var(--gray-0);
  --surface-sunken:var(--gray-100);
  --text:var(--gray-900);
  --text-muted:var(--gray-500);
  --text-faint:var(--gray-300);
  --text-on-accent:var(--gray-0);
  --border:var(--gray-200);
  --border-strong:var(--gray-300);
  --focus-ring:var(--accent-500);

  /* — акцент. Демка переопределяет только эти четыре — */
  --accent:var(--accent-500);
  --accent-hover:var(--accent-600);
  --accent-soft:var(--accent-50);
  --accent-contrast:var(--gray-0);

  /* — статусы — */
  --status-wait:var(--gray-500);       --status-wait-soft:var(--gray-100);
  --status-run:var(--accent);          --status-run-soft:var(--accent-soft);
  --status-done:var(--green-600);      --status-done-soft:var(--green-50);
  --status-warn:var(--amber-700);      --status-warn-soft:var(--amber-50);
  --status-error:var(--red-600);       --status-error-soft:var(--red-50);

  /* — типографика — */
  --font-ui:'Inter Tight',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --text-xs:11px;  --text-sm:12.5px; --text-base:14px; --text-md:16px;
  --text-lg:20px;  --text-xl:26px;   --text-2xl:34px;
  --leading-tight:1.25; --leading-normal:1.5; --leading-loose:1.65;

  /* — размерности — */
  --space-1:4px;  --space-2:8px;  --space-3:12px; --space-4:16px;
  --space-5:24px; --space-6:32px; --space-7:48px; --space-8:64px;
  --radius-sm:3px; --radius-md:6px; --radius-lg:10px; --radius-pill:999px;
  --shadow-sm:0 1px 2px rgba(26,29,33,.06);
  --shadow-md:0 4px 16px rgba(26,29,33,.08);
  --border-width:1px;
  --transition:140ms ease;
}