/* ==========================================================================
   Iceberg Split · дизайн-система v1 (по ДС MikleWake v1, 29.09.2026)
   Источник стиля: ~/ObsidianVaults/MikleWake/11_Дизайн-система/ (ЧИТАТЬ.md, DS.html).

   Что здесь:
   1. Шрифт — Inter variable (жирность 100–900 + оптический размер), со своего сервера.
      Знак ₽ вынесен в крошечный файл (1,4 КБ) вместо целого latin-ext (133 КБ).
   2. Шкала текста ДС (--ds-*).
   3. Палитры — только роли --p-*. Сочетание «Синий» ДС, перекрашенное в наш #477AD3:
      iceberg (светлая основа) и iceberg-dark (тёмные острова: «Почему мы», финал, подвал).
      Палитра включается атрибутом data-theme на <html> или на секции.
   4. Форма кнопок — data-shape="round" (16 px) | "pill".
   5. Мост: старые токены tokens.css (--color-*, --text-*, --surface-*, --border-*, --shadow-*)
      переложены на роли. Так виджет квиза и всё, что ещё пишет старыми именами,
      само встаёт в новую палитру — и на тёмном острове тоже.
   Иконки сайта не меняем (решение Петра 13.10.2026) — набор Solar из ДС не подключаем.
   ========================================================================== */

/* ---- 1. шрифт ---------------------------------------------------------- */
@font-face{font-family:'InterVariable';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('fonts/Inter-var-cyrillic-ext.woff2') format('woff2');
  unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face{font-family:'InterVariable';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('fonts/Inter-var-cyrillic.woff2') format('woff2');
  unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'InterVariable';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('fonts/Inter-var-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:'InterVariable';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('fonts/Inter-var-symbols.woff2') format('woff2');
  unicode-range:U+20BD;}
/* Allison — только «Split» в логотипе (знак и логотип не трогаем) */
@font-face{font-family:'Allison';font-style:normal;font-weight:400;font-display:swap;
  src:url('/assets/fonts/inter/allison-latin-400.woff2') format('woff2');
  unicode-range:U+0000-00FF;}

/* ---- 2. шкала текста ДС -------------------------------------------------- */
:root{
  --ds-font-sans:"InterVariable","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --ds-w-regular:400; --ds-w-medium:500; --ds-w-semibold:600; --ds-w-bold:700;
  --ds-display-size:40px;  --ds-display-lh:44px;  --ds-display-ls:-0.028em;
  --ds-title1-size:32px;   --ds-title1-lh:38px;   --ds-title1-ls:-0.025em;
  --ds-title2-size:26px;   --ds-title2-lh:32px;   --ds-title2-ls:-0.022em;
  --ds-title3-size:21px;   --ds-title3-lh:27px;   --ds-title3-ls:-0.019em;
  --ds-headline-size:17px; --ds-headline-lh:23px; --ds-headline-ls:-0.015em;
  --ds-body-l-size:17px;   --ds-body-l-lh:26px;   --ds-body-l-ls:-0.013em;
  --ds-body-size:15px;     --ds-body-lh:22px;     --ds-body-ls:-0.011em;
  --ds-callout-size:14px;  --ds-callout-lh:20px;  --ds-callout-ls:-0.008em;
  --ds-footnote-size:13px; --ds-footnote-lh:18px; --ds-footnote-ls:-0.005em;
  --ds-caption-size:12px;  --ds-caption-lh:16px;  --ds-caption-ls:-0.002em;
}

/* ---- 3. палитры (роли) ---------------------------------------------------
   --p-bg фон · --p-sf/--p-sf2/--p-sf3 поверхности · --p-ink/2/3 текст ·
   --p-pri/--p-onpri главная кнопка · --p-acc акцент (заливки) · --p-acci акцент текстом ·
   --p-accs мягкий акцент (фон) · --p-pos/--p-neg/--p-warn статусы · --p-hair/--p-line линии */
[data-theme="iceberg"]{--p-bg:#FFFFFF;--p-sf:#F3F6FB;--p-sf2:#E7EDF7;--p-ink:#0C1018;--p-ink2:rgba(12,16,24,.6);--p-ink3:rgba(12,16,24,.38);--p-hair:rgba(15,23,42,.08);
  --p-pri:#477AD3;--p-onpri:#FFFFFF;--p-acc:#477AD3;--p-accs:#E8EFFB;--p-acci:#3463BD;--p-pos:#1F8A5B;--p-poss:#E1F3EA;--p-neg:#D6364F;--p-negs:#FDE6EA;
  --p-card-sh:none;color-scheme:light}
[data-theme="iceberg-dark"]{--p-bg:#0B0E14;--p-sf:#151A23;--p-sf2:#1F2532;--p-ink:#F2F5FA;--p-ink2:rgba(242,245,250,.62);--p-ink3:rgba(242,245,250,.36);--p-hair:rgba(220,230,255,.08);
  --p-pri:#477AD3;--p-onpri:#FFFFFF;--p-acc:#6E96DF;--p-accs:rgba(110,150,223,.18);--p-acci:#9BB6EB;--p-pos:#5CC98E;--p-poss:rgba(92,201,142,.14);--p-neg:#FF7A8C;--p-negs:rgba(255,122,140,.14);
  --p-card-sh:inset 0 1px 0 rgba(255,255,255,.05),inset 0 0 0 .5px rgba(220,230,255,.07);color-scheme:dark}

/* фон тёмного острова — для полей прокрутки страницы, которая начинается и заканчивается островом */
:root{--ice-island:#0B0E14}

/* производные — одинаково для всех палитр */
[data-theme]{
  --p-line:color-mix(in srgb,var(--p-ink) 14%,transparent);
  --p-sf3:color-mix(in srgb,var(--p-ink) 8%,var(--p-sf2));
  --p-accm:color-mix(in srgb,var(--p-acc) 42%,var(--p-sf));
  --p-shadow:rgba(12,12,16,.14);
  --p-warn:#B7791F;
  --p-warns:color-mix(in srgb,var(--p-warn) 14%,var(--p-sf));
}
[data-theme$="-dark"]{--p-shadow:rgba(0,0,0,.5);--p-warn:#E2AE57}

/* ---- 4. форма кнопок ------------------------------------------------------ */
[data-shape="round"]{--rb:16px;--rbs:11px}
[data-shape="pill"]{--rb:999px;--rbs:999px}

/* ---- 5. мост: старые токены → роли --------------------------------------
   Объявлен на [data-theme], а не на :root: так на тёмном острове (секция со своим
   data-theme) старые имена пересчитываются от его ролей. */
[data-theme]{
  --color-brand-50:var(--p-accs);
  --color-brand-100:var(--p-accs);
  --color-brand-200:color-mix(in srgb,var(--p-acc) 30%,var(--p-sf));
  --color-brand-300:color-mix(in srgb,var(--p-acc) 60%,var(--p-sf));
  --color-brand-400:var(--p-acc);
  --color-brand-500:var(--p-acc);
  --color-brand-600:var(--p-acci);
  --color-brand-700:var(--p-acci);
  --color-brand-800:var(--p-acci);
  --color-brand-900:var(--p-ink);

  --color-navy-700:color-mix(in srgb,var(--p-ink) 80%,var(--p-bg));
  --color-navy-800:color-mix(in srgb,var(--p-ink) 90%,var(--p-bg));
  --color-navy-900:var(--p-ink);

  --color-slate-50:var(--p-sf);
  --color-slate-100:var(--p-sf2);
  --color-slate-200:var(--p-sf3);
  --color-slate-300:var(--p-line);
  --color-slate-400:var(--p-ink3);
  --color-slate-500:var(--p-ink2);
  --color-slate-600:var(--p-ink2);
  --color-slate-700:var(--p-ink);
  --color-slate-800:var(--p-ink);
  --color-slate-900:var(--p-ink);

  --color-success:var(--p-pos);
  --color-warning:var(--p-warn);
  --color-error:var(--p-neg);

  --surface-app:var(--p-bg);
  --surface-soft:var(--p-sf);
  --surface-card:var(--p-sf);
  --surface-dark:var(--p-ink);
  --surface-brand:var(--p-acc);

  --text-primary:var(--p-ink);
  --text-secondary:var(--p-ink2);
  --text-muted:var(--p-ink2);
  --text-on-brand:var(--p-onpri);

  --border-soft:var(--p-hair);
  --border-default:var(--p-line);
  --border-strong:var(--p-ink3);

  --font-sans:var(--ds-font-sans);
  --ls-display:-0.03em;
  --ls-heading:-0.02em;
  --ls-body:-0.011em;
  --ls-eyebrow:0;

  --fw-extrabold:700;

  --radius-xs:6px;
  --radius-sm:11px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:28px;
  --radius-2xl:28px;

  --shadow-soft-xs:none;
  --shadow-soft-sm:none;
  --shadow-soft-md:none;
  --shadow-soft-lg:none;
  --shadow-soft-xl:none;
  --shadow-brand-glow:none;
  --shadow-focus-ring:0 0 0 4px var(--p-accs);

  --ease-out:cubic-bezier(.32,.72,0,1);
}

/* ---- база ------------------------------------------------------------------ */
html[data-theme]{background:var(--p-bg)}
html[data-theme] body{background:var(--p-bg);color:var(--p-ink);font-family:var(--ds-font-sans);
  font-optical-sizing:auto;font-feature-settings:normal;letter-spacing:-.011em;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}