/* SkinLens — единые токены (предложение). Один файл для сайта, расширения, мини-приложения.
   Сохранено из текущего: тёмная тема, мятный #3fd9a0, красный #f27a6b, янтарь #e2b85c, линза.
   Изменено: пять ступеней поверхности вместо двух разных наборов, текст AA на всех ступенях,
   два радиуса вместо 6–7, тень только у плавающих слоёв, цвет редкости не используется для текста. */
@font-face { font-family: "Onest"; src: url("fonts/Onest.ttf") format("truetype"); font-weight: 100 900; font-display: swap; }

:root {
  color-scheme: dark;

  /* поверхности: чем выше ступень, тем «ближе» к глазу */
  --ink-0: #0b0e0f;   /* фон страницы сайта, страница настроек */
  --ink-1: #121618;   /* фон окна расширения, тело таблиц */
  --ink-2: #181d1f;   /* панель, карточка */
  --ink-3: #20262a;   /* строка, поле, кнопка по умолчанию */
  --ink-4: #2a3236;   /* наведение, нажатие */

  --line-1: rgba(220, 255, 240, .07);   /* разделитель внутри панели */
  --line-2: rgba(220, 255, 240, .12);   /* граница панели и поля */
  --line-3: rgba(220, 255, 240, .22);   /* граница при наведении */

  /* текст: контраст на ink-0…ink-3 не ниже 5.1 (AA), tx-4 только для отключённого и декора */
  --tx-1: #e8f0ec;
  --tx-2: #a3b0ab;
  --tx-3: #8a9893;
  --tx-4: #5d6b66;

  /* акцент и смысловые цвета: каждый значит одно */
  --mint: #3fd9a0;            /* ваше, выгодно, действие */
  --mint-hi: #62e8b6;
  --mint-lo: #1f9f76;
  --mint-soft: rgba(63, 217, 160, .12);
  --mint-line: rgba(63, 217, 160, .40);
  --mint-ink: #04140d;
  --down: #f27a6b;            /* перекрыли, ошибка, удаление */
  --down-soft: rgba(242, 122, 107, .12);
  --down-line: rgba(242, 122, 107, .40);
  --warn: #e2b85c;            /* ждёт, внимание, ограничение */
  --warn-soft: rgba(226, 184, 92, .12);

  /* редкость: только метка у края и рамка превью, никогда цвет текста названия */
  --r-consumer: #b0c3d9; --r-industrial: #5e98d9; --r-milspec: #4b69ff; --r-restricted: #8847ff;
  --r-classified: #d32ce6; --r-covert: #eb4b4b; --r-contraband: #e4ae39;

  /* шрифты */
  --font: "Onest", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono: ui-monospace, "Cascadia Mono", "JetBrains Mono", Consolas, monospace;

  /* шкала текста для расширения (плотная) */
  --fs-1: 11px; --fs-2: 12px; --fs-3: 13px; --fs-4: 14px; --fs-5: 16px; --fs-6: 20px; --fs-7: 28px;
  /* шкала сайта (текучая) */
  --fz-body: clamp(16px, .4vw + 15px, 18px);
  --fz-h3: clamp(18px, .6vw + 16px, 22px);
  --fz-h2: clamp(28px, 2.4vw + 18px, 46px);
  --fz-h1: clamp(36px, 4.2vw + 14px, 72px);

  /* отступы: шаг 4 */
  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 72px; --s-9: 120px;

  /* радиусы: два рабочих + круг для переключателей и меток */
  --r-1: 6px;   /* поля, кнопки, метки, строки */
  --r-2: 12px;  /* панели, окна, карточки */
  --r-pill: 999px;

  /* тени: только плавающее */
  --shadow-float: 0 10px 28px rgba(0, 0, 0, .5), 0 0 0 1px var(--line-2);

  /* движение */
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-in: cubic-bezier(.5, 0, .9, .4);
  --t-1: 120ms;  /* наведение, фокус, нажатие */
  --t-2: 200ms;  /* раскрытие, смена вкладки */
  --t-3: 360ms;  /* появление блока, рост высоты */
  --t-4: 700ms;  /* счётчики, рисование графика (только сайт и обучение) */
}

@media (prefers-reduced-motion: reduce) {
  :root { --t-1: 1ms; --t-2: 1ms; --t-3: 1ms; --t-4: 1ms; }
}