/* koleso-select — дизайн-токены. Единственный источник значений для всего UI. */

/* Inter variable, self-hosted (subset: cyrillic / latin / latin-ext) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/inter-cyrillic.woff2') format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/inter-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: 'Inter';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('fonts/inter-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  /* ── Цвет ─────────────────────────────────────────────────────
     Фирменные: тёмно-синий #051A32 и бирюзовый (боевой CSS
     koleso-russia.ru: #051a32, #79ebdc). Акцент — не более 5–10% экрана. */
  --ink:            #051A32;   /* основной текст, фирменная тёмная краска */
  --ink-2:          #5C6A7A;   /* вторичный текст */
  --ink-3:          #616D7B;   /* третичный: подписи, плейсхолдеры */
  --bg:             #FAFAFA;
  --surface:        #FFFFFF;
  --surface-2:      #F5F5F7;   /* фон фото, зебра, вложенные полосы */
  --line:           #E5E5EA;   /* границы 1px вместо теней */
  --line-strong:    #D2D5DB;

  --accent:         #0DB8A5;   /* заливка: главное действие, активный шаг */
  --accent-ink:     #07766A;   /* акцент как ТЕКСТ на светлом (контраст 4.5:1) */
  --accent-weak:    #E3F6F3;   /* подложка активного состояния */
  --accent-line:    #9FE3DA;

  --ok:             #12894A;   /* в наличии */
  --ok-weak:        #E6F5EC;
  --warn:           #A66A00;   /* мало */
  --warn-weak:      #FCF2E0;
  --danger:         #C0392B;   /* ошибка */
  --danger-weak:    #FBECEA;

  /* ── Отступы ───────────────────────────────────────────────── */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-6: 24px; --s-8: 32px; --s-12: 48px;

  /* ── Радиусы ───────────────────────────────────────────────── */
  --r-1: 8px;
  --r-2: 12px;
  --r-pill: 999px;

  /* ── Типографика ───────────────────────────────────────────── */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --t-13: 13px; --t-15: 15px; --t-17: 17px;
  --t-22: 22px; --t-28: 28px; --t-40: 40px;

  /* ── Движение (только функциональное) ──────────────────────── */
  --dur-1: 150ms;
  --dur-2: 250ms;
  --ease: cubic-bezier(.2, .8, .2, 1);

  /* Тень — только у всплывающих слоёв */
  --pop: 0 12px 32px rgba(5, 26, 50, .14), 0 2px 8px rgba(5, 26, 50, .08);

  /* ── Слои ──────────────────────────────────────────────────── */
  --z-sticky: 20;
  --z-header: 30;
  --z-pop:    40;
  --z-sheet:  50;
}