/* Дизайн-токены ImageText2. Утверждены 06.11.2026 (стенд docs/design/).
   Подключается первым, до остальных css.

   В файле два уровня:
   1) дизайн-токены (--brand, --bg, --surface, ...);
   2) алиасы уже используемых имён (--accent, --muted, --admin-*), чтобы css/*.css
      мигрировались постепенно. */

:root {
    color-scheme: light;

    /* Бренд-акцент — мягкая терракота (V1) */
    --brand: #c65138;
    --brand-hover: #b04a33;
    --brand-active: #993f2c;
    --brand-soft: #fcece7;
    --brand-text: #a8442f;
    --brand-rgb: 198, 81, 56;
    /* Тёмно-серый «заголовочный»: цвет h1 в hero и второй части логотипа (Text2) */
    --ink-title: #504d49;
    --focus-ring: rgba(198, 81, 56, .3);

    /* Нейтральные — набор N2 (тёплые серые) */
    --bg: #f7f6f4;
    --surface: #ffffff;
    --surface-2: #f2f0ed;
    --line: #e7e3de;
    --line-strong: #d5cfc8;
    --text: #24201c;
    --text-muted: #6f6962;
    --text-faint: #9a938b;
    --text-inverse: #ffffff;
    --text-rgb: 36, 32, 28;

    /* Ссылки */
    --link: #2c8ddc;
    --link-hover: #2270ae;

    /* Семантика — набор S1 (чернильные) */
    --success: #2a7053;
    --success-soft: #e8f4ef;
    --danger: #b3261e;
    --danger-soft: #fceceb;
    --warning: #9a6212;
    --warning-soft: #fdf3e0;
    --info: #2f6f8f;
    --info-soft: #e8f2f7;
    --danger-rgb: 179, 38, 30;

    /* Геометрия: один радиус на все элементы, круги (50%) не меняются */
    --radius-sm: 8px;
    --radius-md: 8px;
    --radius-lg: 8px;
    --radius-pill: 8px;

    /* Тени — набор «Середина» */
    --shadow-sm: 0 1px 1px rgba(16, 24, 40, .025);
    --shadow-md: 0 2px 5px rgba(16, 24, 40, .045);
    --shadow-lg: 0 5px 16px rgba(16, 24, 40, .07);

    /* Отступы — плотность 1.1×; в существующем css значения уже пересчитаны,
       шкала — для нового кода */
    --space-xs: 4px;
    --space-sm: 9px;
    --space-md: 18px;
    --space-lg: 26px;
    --space-xl: 35px;

    /* Шкала размеров */
    --text-xs: 12px;
    --text-sm: 13px;
    --text-base: 14px;
    --text-md: 16px;
    --text-lg: 20px;
    --text-xl: 26px;
    --text-2xl: 34px;

    /* Шрифт — Source Sans 3 */
    --font-ui: "Source Sans 3", -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

    /* Иконки: спрайт — include/icons.php, стили — ниже */
    --icon-size: 1.05em;

    /* Алиасы имён, используемых в css/*.css */
    --accent: var(--brand);
    --muted: var(--text-muted);
    --admin-bg: var(--bg);
    --admin-panel: var(--surface);
    --admin-border: var(--line);
    --admin-text: var(--text);
    --admin-muted: var(--text-muted);
    --admin-accent: var(--brand);
}

/* Иконка из спрайта (include/icons.php): цвет и обводка наследуются от текста. */
.icon {
    width: var(--icon-size);
    height: var(--icon-size);
    flex: none;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: -.15em;
}

/* Заливные иконки (например, ♥ «лайк поставлен») */
.icon--filled { fill: currentColor; stroke: none; }

/* Source Sans 3 — локальные файлы (кириллица + латиница), 400/600/700. */
@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/source-sans-3-400-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/source-sans-3-400-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;
}
/* Вес 500 в проекте не используется — блоки отключены (файлы шрифта оставлены на диске).
@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/source-sans-3-500-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/source-sans-3-500-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: "Source Sans 3";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/source-sans-3-600-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/source-sans-3-600-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: "Source Sans 3";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/source-sans-3-700-cyrillic.woff2") format("woff2");
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
    font-family: "Source Sans 3";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/source-sans-3-700-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;
}