/* Папа Педро · дизайн «Пульт» (28.10, направление A примерки try-radik) — токены.
   Палитра и формы прежние (Cadra), шрифт Onest с кириллицей, шкала 13/14/16/18/22/28/36.
   Имена токенов --cd-* не меняются: старые правила продолжают работать, новые значения подхватываются везде.
   Включается при <html class="cadra" data-theme="light|dark">. Тёмная тема: только через токены, без своих цветов в разделах. */

/* Onest (OFL): три вариативных файла, ось веса 100–900, объявлено 400–700 (650 у крупных цифр и заголовков).
   font-display: block + preload в _cadra_head.html: шрифт приходит до первой отрисовки (её держит #cd-ready),
   кадра с системным шрифтом и подмены нет. ₽ (U+20BD) лежит в latin-ext. */
@font-face { font-family: "Onest"; font-style: normal; font-weight: 400 700; font-display: block;
  src: url("/static/cadra/fonts/Onest-cyrillic.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }
@font-face { font-family: "Onest"; font-style: normal; font-weight: 400 700; font-display: block;
  src: url("/static/cadra/fonts/Onest-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: "Onest"; font-style: normal; font-weight: 400 700; font-display: block;
  src: url("/static/cadra/fonts/Onest-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* Urbanist остаётся только для лендинга «/» (вне редизайна, должен выглядеть как раньше) — см. body.ld в конце файла */
@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/static/cadra/fonts/Urbanist-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Urbanist"; font-style: normal; font-weight: 400 700; font-display: swap;
  src: url("/static/cadra/fonts/Urbanist-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; }

html.cadra {
  --cd-font: "Onest", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  /* шкала «Пульта»: 13 / 14 / 16 / 18 / 22 / 28 / 36 (+ 11 и 12 для меток) */
  --cd-fs-2xs: 11px; --cd-fs-xs: 12px; --cd-fs-sm: 13px; --cd-fs-md: 14px; --cd-fs-base: 14px; --cd-fs-lg: 16px;
  --cd-fs-xl: 18px; --cd-fs-2xl: 22px; --cd-fs-3xl: 28px; --cd-fs-4xl: 28px; --cd-fs-display: 36px;
  --cd-fw-num: 650;                    /* крупные цифры и заголовки h1/h2 */
  --cd-h1: 36px;                       /* заголовок страницы; 28 на телефоне */
  --cd-r-card: 24px; --cd-r-tile: 16px; --cd-r-in: 10px; --cd-r-ctl: 999px;
  --cd-gap: 16px; --cd-dock-x: 20px; --cd-dock-w: 60px; --cd-gutter: clamp(16px, 1.6vw, 28px); --cd-app-max: 1880px;
  --cd-shell-l: calc(var(--cd-gutter) + var(--cd-dock-w) + 28px);   /* левый край содержимого от края каркаса (док + зазор) */
  --cd-ease: cubic-bezier(.2, .8, .2, 1);
  /* power3 / power4 / back — для CSS-переходов */
  --cd-e-out: cubic-bezier(.215, .61, .355, 1);
  --cd-e-inout: cubic-bezier(.645, .045, .355, 1);
  --cd-e-out4: cubic-bezier(.165, .84, .44, 1);
  --cd-e-back: cubic-bezier(.34, 1.56, .64, 1);

  /* светлая тема */
  --cd-bg: #efefec;
  --cd-mesh-a: #fbfbf9; --cd-mesh-b: #deded8; --cd-mesh-c: #e7e7e1;
  --cd-glass: #ffffffa6; --cd-glass-2: #ffffffbc; --cd-glass-3: #ffffffe6;
  --cd-surface: #f8f8f6; --cd-raised: #fcfcfa; --cd-surface-2: #ffffff94; --cd-white: #ffffff;
  --cd-hover: #ffffffb0; --cd-ink-hover: #2c2d30;
  --cd-block: #151618; --cd-on-block: #f8f8f6; --cd-on-block-2: #f8f8f6b0;
  --cd-total: #bdf26433; --cd-total-solid: #eef6dc;
  --cd-rim: #ffffffb0; --cd-well: #1111110f; --cd-line: #11111117; --cd-line-2: #11111129;
  --cd-text: #151618; --cd-ink: #151618; --cd-primary: #151618;
  --cd-on-ink: #f8f8f6; --cd-on-primary: #f8f8f6;
  --cd-muted: #5c5c5a; --cd-faint: #73736f;
  --cd-accent: #bdf264; --cd-accent-hover: #acea45; --cd-on-accent: #151618; --cd-accent-ink: #355d14; --cd-lime-raw: #bdf264;
  --cd-iris: #476d18; --cd-primary-ink: #355d14; --cd-dot: #bdf264; --cd-lime: #759c28;
  --cd-good: #317b4b; --cd-warn: #9a6400; --cd-bad: #bd3e48;
  --cd-coral: #c9542b; --cd-amber: #a87406; --cd-teal: #2a7f4d; --cd-sky: #2d6cb0; --cd-rose: #c43f4c; --cd-slate: #637083; --cd-plum: #8f6243;
  --cd-soft: 9%;                       /* доля цвета в подложках статусов (#…18 ≈ 9 %) */
  --cd-tint: 12%;                      /* доля цвета в подложках аватаров (#…1f ≈ 12 %) */
  --cd-dock: #151618; --cd-on-dock: #f8f8f6;
  --cd-scrim: #11111159;
  --cd-shadow: 0 1px 0 #ffffffb3 inset, 0 24px 48px -30px #00000038;
  --cd-shadow-pop: 0 24px 60px -18px #00000047, 0 2px 6px #00000012;
  --cd-shadow-btn: 0 1px 2px #0000001a;
  color-scheme: light;
}

html.cadra[data-theme="dark"] {
  --cd-bg: #111210;
  --cd-mesh-a: #ffffff0d; --cd-mesh-b: #bdf2640d; --cd-mesh-c: #ffffff05;
  --cd-glass: #ffffff0d; --cd-glass-2: #ffffff13; --cd-glass-3: #242622;
  --cd-surface: #171916; --cd-raised: #1d201b; --cd-surface-2: #ffffff0a; --cd-white: #1d201b;
  --cd-hover: #ffffff0a; --cd-ink-hover: #d9dad4;
  --cd-block: #242622; --cd-on-block: #f2f3ee; --cd-on-block-2: #f2f3eeb0;
  --cd-total: #bdf2641a; --cd-total-solid: #1f2619;
  --cd-rim: #ffffff12; --cd-well: #ffffff0f; --cd-line: #ffffff14; --cd-line-2: #ffffff26;
  --cd-text: #f2f3ee; --cd-ink: #f2f3ee; --cd-primary: #f2f3ee;
  --cd-on-ink: #151618; --cd-on-primary: #151618;
  --cd-muted: #a8a8a5; --cd-faint: #8a8a86;
  --cd-accent: #4b6f1f; --cd-accent-hover: #5a8226; --cd-on-accent: #f4f8e9; --cd-accent-ink: #cbed8b;
  --cd-iris: #bdf264; --cd-primary-ink: #cbed8b; --cd-dot: #bdf264; --cd-lime: #bdf264;
  --cd-good: #76c787; --cd-warn: #ebbd5c; --cd-bad: #f08791;
  --cd-coral: #f08a5d; --cd-amber: #e2ad45; --cd-teal: #5cc58b; --cd-sky: #6aa6e8; --cd-rose: #ef7b87; --cd-slate: #9eabbb; --cd-plum: #d2a07c;
  --cd-soft: 16%; --cd-tint: 18%;
  --cd-dock: #242622; --cd-on-dock: #f2f3ee;
  --cd-scrim: #000000a3;
  --cd-shadow: 0 1px 0 #ffffff0d inset, 0 24px 48px -30px #000000b3;
  --cd-shadow-pop: 0 24px 60px -18px #000000bf, 0 0 0 1px #ffffff14;
  --cd-shadow-btn: 0 1px 2px #00000066;
  color-scheme: dark;
}

@media (max-width: 760px) { html.cadra { --cd-h1: 28px; } }

/* подложки статусов и тонов — от цвета статуса, работают в обеих темах */
html.cadra {
  --cd-tint-bad: color-mix(in srgb, var(--cd-bad) var(--cd-soft), transparent);
  --cd-tint-warn: color-mix(in srgb, var(--cd-warn) var(--cd-soft), transparent);
  --cd-tint-good: color-mix(in srgb, var(--cd-good) var(--cd-soft), transparent);
  --cd-tint-off: color-mix(in srgb, var(--cd-slate) var(--cd-soft), transparent);
}

html.cadra ::selection { background: #bdf264; color: #151618; }

@media (prefers-reduced-motion: reduce) {
  html.cadra *, html.cadra *::before, html.cadra *::after { transition-duration: 0s !important; animation-duration: 0s !important; animation-delay: 0s !important; }
}

/* Лендинг «/» вне редизайна: прежний шрифт и прежние оттенки стекла и фона (body.ld есть только у landing.html) */
html.cadra body.ld { --cd-font: "Urbanist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; --cd-mesh-c: #f6f6f2; --cd-glass: #ffffff96; --cd-rim: #fffc; --cd-soft: 14%; }
html.cadra[data-theme="dark"] body.ld { --cd-mesh-c: #ffffff08; --cd-glass: #ffffff0b; --cd-rim: #ffffff12; --cd-soft: 20%; --cd-dock: #ffffff14; }