/* LightPhotos — design tokens (SSOT: docs/design/03-design-system.md) */

/*
 * Scada self-host (Фаза 3, блок E). Раньше грузился из старого пути
 * www/catalog/font/google/*.woff2, объявлен @font-face в монолите
 * stylesheet.v1.38.css (строки 1-115) — который правилу брифа "только
 * читать" запрещено трогать. Внешнего Google Fonts CDN не было —
 * проверено (0 живых <link>/@import на fonts.googleapis/fonts.gstatic
 * в реально отдаваемой default-теме; catalog/css/stylesheet.css с таким
 * @import — orphan-файл, 0 ссылок).
 *
 * Файлы физически перенесены в assets/fonts/ (та же прошивка байт,
 * просто новый путь+имя). Здесь — НОВЫЙ @font-face с тем же именем
 * family/weight/style/unicode-range, но font-display:swap. Т.к. этот
 * блок стоит ПОСЛЕ монолита в header.tpl и НЕ обёрнут в @layer (как и
 * base.css — см. его шапку), он унаследует ту же логику: unlayered +
 * позже по каскаду => при совпадающем unicode-range браузер выбирает
 * это правило, а не монолитное. Проверено сетевыми запросами (E.1 лога):
 * реально грузится только assets/fonts/*, catalog/font/google/* — 0
 * запросов. Старые файлы/правило в монолите оставлены как есть
 * (read-only), но фактически не используются браузером.
 *
 * Начертания — ТОЛЬКО реально применяемые (grep по stylesheet.v1.38.css):
 * font-weight 400 normal (body/ссылки/большинство текста) и 700 normal
 * (h2, .entry-rating, .g-button и т.п. + браузерный default-bold h1/h3-h6
 * наследует font-family:Scada от body). font-style:italic НИ РАЗУ не
 * применяется ни к одному селектору (только в самих @font-face монолита)
 * — итальянские начертания не переносились, экономия ~8 файлов/40 КБ.
 * local() источники намеренно убраны (self-host = не полагаемся на то,
 * что у пользователя установлен системный шрифт "Scada" — маловероятно
 * и непредсказуемо в разных ОС).
 */
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/scada-400-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/scada-400-cyrillic.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/scada-400-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/scada-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+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/scada-700-cyrillic-ext.woff2') format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/scada-700-cyrillic.woff2') format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/scada-700-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Scada';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/scada-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+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@layer tokens {
  :root {
    --c-brand: #379ccb;
    --c-brand-600: #3095c4;
    --c-brand-700: #147aa8;
    --c-brand-800: #005dad;
    --c-brand-050: #d0e3ee;

    --c-accent: #715ac6;
    --c-accent-300: #947de9;

    --c-warm: #ffcf2e;
    --c-warm-600: #ffb813;
    --c-warm-700: #ea9925;
    --c-warm-800: #c67501;

    /* Перевозчики в чекауте — цвет как второй, не единственный признак (рядом текст) */
    --carrier-cdek: #2e9e5b;
    --carrier-pochta: #147aa8;

    --c-white: #fff;
    --c-bg: #fefefe;
    --c-border: #d8dfe1;
    --c-border-soft: #dedede;
    --c-muted: #808080;
    --c-text: #2b2f33;

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;

    --radius: 8px;
    --radius-sm: 4px;
    --shadow-1: 0 1px 3px rgba(0, 0, 0, .08);
    --shadow-2: 0 4px 16px rgba(0, 0, 0, .10);
    --transition: .2s ease;

    --fs-h1: clamp(1.6rem, 1.3rem + 1.4vw, 2.25rem);
    --fs-h2: clamp(1.3rem, 1.15rem + 0.7vw, 1.6rem);
    --fs-body: clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  }
}