/* Токени дизайну — довідник закритої МФО (v2)
   Підключення: <html data-theme="light|dark" data-skin="editorial|clean|soft|strict|warm" data-brand="amber|teal|violet|blue|green">
   Колір бренду МФО — ОДИН (brandColor). Решта акцентів рахується (див. brand-theme.js), тут — пресети вже пораховані.
   Шрифти підключаються окремо (Google Fonts, див. README). */

/* 1. Нейтральні + статуси — світла тема (за замовчуванням) */
:root{
  --bg:#FAFAF8;--surface:#FFFFFF;--surface2:#F3F3F0;--ink:#17181C;--ink2:#5A5E67;--line:#E5E5E0;
  --ok:#1B6B3A;--ok-bg:#E3F3E8;--info:#1D4F91;--info-bg:#E2EDFA;--warn:#7A5200;--warn-bg:#FBF0CC;--bad:#9A3B3B;--bad-bg:#F6E4E2;--gray:#4F5660;--gray-bg:#E8EAED;
  --ftBg:#16181D;--ftInk:#ECEDEF;--ftMute:#A4A9B2;--ftHi:#FFFFFF;--ftLine:#2C2F36;
  --shadow:none;
  /* бренд за замовчуванням = amber */
  --accent:#F2A900;--accentInk:#14171C;--accentText:#926500;--soft:#fdf5e0;
  /* скін за замовчуванням = editorial */
  --fh:'Literata',Georgia,'Noto Serif',serif;--fb:'Source Sans 3','Segoe UI',system-ui,sans-serif;--fn:'Literata',Georgia,serif;
  --hw:600;--ht:-0.01em;--r:8px;--rl:14px;--rb:10px;--rp:999px;--sw:1.6;--cap:round;--join:round;
  /* відступи: мобільний <640 */
  --pad:18px;--sec:44px;--hp:18px;
}
@media (min-width:640px){:root{--pad:32px;--sec:64px;--hp:32px}}
@media (min-width:1000px){:root{--pad:48px;--sec:84px;--hp:44px}}

/* 2. Темна тема */
[data-theme="dark"]{
  --bg:#111215;--surface:#191B1F;--surface2:#212328;--ink:#ECEDEF;--ink2:#A4A9B2;--line:#2C2F36;
  --ok:#7FD39A;--ok-bg:#173A25;--info:#8FBAF2;--info-bg:#172F4F;--warn:#E8C468;--warn-bg:#3E3110;--bad:#EDA3A0;--bad-bg:#452223;--gray:#B4BAC3;--gray-bg:#2B2F35;
  color-scheme:dark;
}

/* 3. Скіни: шрифти, радіуси, товщина іконок */
[data-skin="clean"]{--fh:'Manrope',system-ui,sans-serif;--fb:'Manrope',system-ui,sans-serif;--fn:'Manrope',system-ui,sans-serif;--hw:700;--ht:-0.025em;--r:10px;--rl:16px;--rb:12px;--rp:999px;--sw:2;--join:round}
[data-skin="soft"]{--fh:'Rubik',system-ui,sans-serif;--fb:'Rubik',system-ui,sans-serif;--fn:'Rubik',system-ui,sans-serif;--hw:600;--ht:-0.015em;--r:14px;--rl:22px;--rb:999px;--rp:999px;--sw:2;--join:round}
[data-skin="strict"]{--fh:'IBM Plex Sans',system-ui,sans-serif;--fb:'IBM Plex Sans',system-ui,sans-serif;--fn:'IBM Plex Mono',ui-monospace,Menlo,monospace;--hw:600;--ht:-0.02em;--r:6px;--rl:10px;--rb:6px;--rp:6px;--sw:2;--join:miter}
[data-skin="warm"]{--fh:'PT Serif',Georgia,serif;--fb:'PT Sans',system-ui,sans-serif;--fn:'PT Serif',Georgia,serif;--hw:700;--ht:-0.01em;--r:10px;--rl:16px;--rb:12px;--rp:999px;--sw:2.2;--join:round}

/* 4. Пресети кольору бренду (accent / accentInk / accentText / soft), AA-контраст пораховано */
[data-brand="amber"]{--accent:#F2A900;--accentInk:#14171C;--accentText:#926500;--soft:#fdf5e0}
[data-theme="dark"][data-brand="amber"]{--accent:#F2A900;--accentInk:#14171C;--accentText:#F2A900;--soft:#443719}
[data-brand="teal"]{--accent:#0A7E7A;--accentInk:#FFFFFF;--accentText:#0a7874;--soft:#e2f0ef}
[data-theme="dark"][data-brand="teal"]{--accent:#0A7E7A;--accentInk:#FFFFFF;--accentText:#4ba09d;--soft:#162f31}
[data-brand="violet"]{--accent:#5B4BC4;--accentInk:#FFFFFF;--accentText:#5B4BC4;--soft:#ebe9f8}
[data-theme="dark"][data-brand="violet"]{--accent:#6b5dca;--accentInk:#FFFFFF;--accentText:#9288d8;--soft:#292841}
[data-brand="blue"]{--accent:#2563C9;--accentInk:#FFFFFF;--accentText:#2563C9;--soft:#e5ecf9}
[data-theme="dark"][data-brand="blue"]{--accent:#2563C9;--accentInk:#FFFFFF;--accentText:#6692d9;--soft:#1b2941}
[data-brand="green"]{--accent:#16794A;--accentInk:#FFFFFF;--accentText:#16794A;--soft:#e3efe9}
[data-theme="dark"][data-brand="green"]{--accent:#16794A;--accentInk:#FFFFFF;--accentText:#5da181;--soft:#182e28}