/* ProskAI — дизайн-токены всего сайта. ЕДИНСТВЕННЫЙ источник цветов, шрифтов,
   радиусов и эффектов. Хочешь другой вид всех страниц — меняй значения здесь,
   в HTML-файлах токены не объявлять. Новые страницы (в т.ч. уроки Модуля 1)
   подключают этот файл ПЕРВЫМ, до своего <style>. */

:root{
  /* бренд ProskAI (по умолчанию: хаб, /ua, /ua/recruiter, UA-правовые) */
  --ink:#101418; --ink2:#3d4852; --muted:#6b7684;
  --bg:#ffffff; --bg2:#f4f7fa; --line:#e3e9ef;
  --acc:#0f62fe; --acc-dark:#0043ce; --acc-soft:#e8f0fe;
  --ok:#0e8345; --warn-bg:#fff3cd; --warn-ink:#7a5d00;
  --radius:14px;
  --font-sans:'Segoe UI',system-ui,-apple-system,Roboto,sans-serif;

  /* движение: базовая скорость переходов */
  --speed:.15s;

  /* «жидкое стекло» — токены на будущее, использовать через .glass */
  --glass-bg:rgba(255,255,255,.55);
  --glass-bg-dark:rgba(16,20,24,.45);
  --glass-line:rgba(255,255,255,.35);
  --glass-blur:14px;
}

/* бренд Solo Agent OS: страницы объявляют <html data-brand="sao"> */
[data-brand="sao"]{
  --navy:#122a44; --navy-2:#1b3a5c; --gold:#c9a227; --gold-2:#b08d1e;
  --ink:#22303f; --muted:#5a6a7a; --bg-soft:#f5f7fa; --line:#e3e8ee;
  --font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* Утилита «стекло»: полупрозрачная подложка + размытие фона.
   Правило: один сильный визуальный акцент на страницу, не пять сразу. */
.glass{
  background:var(--glass-bg);
  border:1px solid var(--glass-line);
  border-radius:var(--radius);
  box-shadow:0 8px 32px rgba(16,20,24,.12);
}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .glass{-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}
}
.glass.dark{background:var(--glass-bg-dark);border-color:rgba(255,255,255,.18);color:#fff}

/* Доступность: уважать системную настройку «меньше движения» */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}
