/* Токены оформления Poles: Chocolate & Oat (27.10.2026).
   Все значения только здесь; в остальных файлах — var(--…). */

/* Manrope (OFL, @fontsource-variable/manrope 5.3.0): кириллица и латиница отдельными файлами. */
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/Manrope-cyrillic.e58febde317b.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/Manrope-latin.938c6e8019b6.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;
}

/* запасной шрифт для символов, которых нет в Manrope */
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/InterVariable.2bf3d951bf9d.woff2") format("woff2");
}

:root {
  /* отступы, шаг 4 */
  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;

  /* типографика: основной 14, пояснения 12–13, h2 18, h1 26 */
  --font: "Manrope", "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-xs: 12px;
  --fs-s: 13px;
  --fs-m: 14px;
  --fs-l: 16px;
  --fs-h2: 18px;
  --fs-xl: 26px;
  --lh: 1.45;

  /* радиусы: мелкие элементы 6, поля и кнопки 9, карточки 12 */
  --r0: 4px;
  --r1: 6px;
  --r2: 9px;
  --r4: 12px;
  --r3: 999px;
  --ctl-h: 40px; /* ПК; на телефоне 44, см. ниже */
  --tap: 44px;
  --row-pad: 10px;

  /* светлая тема */
  --bg: #f8f5ef;
  --card: #ffffff;
  --sub: #f6f2ec;
  --text: #322d2a;
  --text2: #746a64;
  --line: #e8e0d7;
  --line2: #d6cbbf;
  --accent: #735346;
  --accent-bg: #f1e8e0;
  --accent-fg: #ffffff;
  /* регулярные встречи */
  --series: #315c9d;
  --series-bg: #e9effb;
  --series-fg: #ffffff;
  --ok: #276a4b;
  --ok-bg: #e5f3e9;
  --warn: #8c581c;
  --warn-bg: #fff1d9;
  --err: #b13d45;
  --err-bg: #fbeaec;
  --neutral: #625c59;
  --neutral-bg: #eeeae6;
  --nav: #fcfaf7;
  --nav-text: #625a55;
  --nav-text-hover: #322d2a;
  --nav-active: #f1e8e0;
  --nav-line: #e8e0d7;
  --badge: #b13d45;
  --logo: #735346;
  --focus-nav: color-mix(in srgb, var(--accent) 40%, transparent);

  /* «возраст» даты */
  --age-today: #735346;
  --age-today-bg: #f1e8e0;
  --age-yday: #5b5f8a;
  --age-yday-bg: #ecedf7;
  --age-week: #276a4b;
  --age-week-bg: #e5f3e9;

  /* предпросмотры «как в Telegram» — в палитре админки (этап 4, 27.10.2026) */
  --tg-bg: #f4eee6; /* подписи --text2 на этом фоне 4,57:1 */
  --tg-dot: rgb(115 83 70 / 0.09);
  --tg-bubble: #ffffff;
  --tg-text: #322d2a;
  --tg-time: #746a64;
  --tg-head: #ffffff;

  /* шеврон нативного select */
  --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23746a64' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");

  --focus: 0 0 0 3px color-mix(in srgb, var(--accent) 35%, transparent);
  --shadow: 0 6px 24px rgb(54 40 29 / 0.045);
  --shadow-pop: 0 8px 24px rgb(54 40 29 / 0.12);
  --scrim: rgb(35 28 24 / 0.5);

  color-scheme: light;
}

@media (max-width: 1023px) {
  :root {
    --ctl-h: 44px;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #1a1715;
    --card: #221e1b;
    --sub: #2a2522;
    --text: #efe9e3;
    --text2: #b8ada5;
    --line: #3a332e;
    --line2: #4a423c;
    --accent: #d8b7a3;
    --accent-bg: #3b2c24;
    --accent-fg: #22180f;
    --series: #9fc0f0;
    --series-bg: #22314a;
    --series-fg: #14202f;
    --ok: #8fd1ae;
    --ok-bg: #24302a;
    --warn: #e8c08a;
    --warn-bg: #352b1f;
    --err: #f2a0a6;
    --err-bg: #3a2426;
    --neutral: #c9c1bb;
    --neutral-bg: #2f2a27;
    --nav: #1e1a18;
    --nav-text: #b8ada5;
    --nav-text-hover: #efe9e3;
    --nav-active: #3b2c24;
    --nav-line: #3a332e;
    --badge: #f2a0a6;
    --logo: #d8b7a3;

    --age-today: #d8b7a3;
    --age-today-bg: #3b2c24;
    --age-yday: #b8bce6;
    --age-yday-bg: #2f3250;
    --age-week: #8fd1ae;
    --age-week-bg: #24302a;

    --tg-bg: #171310;
    --tg-dot: rgb(216 183 163 / 0.07);
    --tg-bubble: #2b2521;
    --tg-text: #efe9e3;
    --tg-time: #b8ada5;
    --tg-head: #221e1b;

    --chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23b8ada5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");

    --shadow: none;
    --shadow-pop: none;
    --scrim: rgb(0 0 0 / 0.65);
    color-scheme: dark;
  }
}

/* Переменные Django: forms.css, changelists.css и widgets.css читают их, а не наши токены. */
:root {
  --primary: var(--accent);
  --secondary: var(--accent);
  --primary-fg: var(--accent-fg);
  --body-fg: var(--text);
  --body-bg: var(--card);
  --body-quiet-color: var(--text2);
  --body-medium-color: var(--text);
  --body-loud-color: var(--text);
  --link-fg: var(--accent);
  --link-hover-color: var(--accent);
  --link-selected-fg: var(--accent);
  --hairline-color: var(--line);
  --border-color: var(--line2);
  --error-fg: var(--err);
  --darkened-bg: var(--sub);
  --selected-bg: var(--accent-bg);
  --selected-row: var(--accent-bg);
  --button-fg: var(--accent-fg);
  --button-bg: var(--accent);
  --button-hover-bg: var(--accent);
  --default-button-bg: var(--accent);
  --default-button-hover-bg: var(--accent);
  --close-button-bg: var(--sub);
  --close-button-hover-bg: var(--line);
  --delete-button-bg: var(--err);
  --delete-button-hover-bg: var(--err);
  --object-tools-fg: var(--accent-fg);
  --object-tools-bg: var(--accent);
  --object-tools-hover-bg: var(--accent);
  --font-family-primary: var(--font);
  --font-family-monospace: ui-monospace, Menlo, Consolas, monospace;
}