/* ============================================================
   spirit-dv.ru — дизайн-токены
   Основа: шаблон Strata (aura.build), перекрашен под бренд СПИРИТ.
   Цвета бренда сняты пиксельным разбором logo.png:
   оранжевый #E17605 (олень), чёрный #141414 (надпись).
   ============================================================ */

:root {
  /* ---------- Цвет ---------- */
  --c-bg:            #F5F5F2;   /* фон страницы, из Strata */
  --c-surface:       #FFFFFF;
  --c-surface-soft:  rgba(255, 255, 255, 0.72);
  --c-surface-glass: rgba(245, 245, 242, 0.78);

  --c-ink:           #0A0A0A;   /* заголовки */
  --c-ink-strong:    #141414;   /* из логотипа: тёмные плашки, кнопки */
  --c-ink-body:      #4A4A4A;   /* основной текст, контраст 8.9:1 */
  --c-ink-muted:     #6B7280;   /* подписи, меню, контраст 4.8:1 */
  --c-ink-faint:     #7A808A;   /* микроподписи */

  --c-accent:        #E17605;   /* из логотипа — заменяет голубой Strata */
  --c-accent-ink:    #A85400;   /* тёмный оранжевый для текста: 4.6:1 на белом */
  --c-accent-soft:   rgba(225, 118, 5, 0.10);
  --c-accent-line:   rgba(225, 118, 5, 0.22);
  --c-accent-glow:   rgba(225, 118, 5, 0.32);

  --c-line:          rgba(10, 10, 10, 0.10);
  --c-line-soft:     rgba(10, 10, 10, 0.06);
  --c-grid:          rgba(10, 10, 10, 0.06);

  /* Второй акцент — глубокий янтарь. Даёт градиентам объём,
     чтобы палитра не читалась одноцветной. */
  --c-accent-2:      #C2410C;
  --c-accent-3:      #FFB347;

  /* ---------- Градиенты ---------- */
  /* Мешевый фон: три радиальных пятна. Считается один раз,
     не перерисовывается при скролле — дёшево. */
  --gr-mesh:
    radial-gradient(60rem 34rem at 18% 12%, rgba(225, 118, 5, 0.16), transparent 58%),
    radial-gradient(46rem 30rem at 84% 22%, rgba(255, 179, 71, 0.14), transparent 60%),
    radial-gradient(52rem 34rem at 50% 92%, rgba(194, 65, 12, 0.10), transparent 62%);

  --gr-accent:   linear-gradient(135deg, var(--c-accent-3) 0%, var(--c-accent) 45%, var(--c-accent-2) 100%);
  --gr-ink:      linear-gradient(160deg, #1D1D1D 0%, #0A0A0A 100%);
  --gr-sheen:    linear-gradient(180deg, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.35) 100%);
  --gr-fade-b:   linear-gradient(to bottom, transparent, var(--c-bg));

  /* Градиентная обводка через маску — тонкий приём, весит ноль */
  --gr-border:   linear-gradient(140deg, rgba(225,118,5,0.55), rgba(255,179,71,0.10) 40%, rgba(10,10,10,0.10));

  /* ---------- Стекло ---------- */
  --glass-bg:     rgba(255, 255, 255, 0.62);
  --glass-bg-2:   rgba(245, 245, 242, 0.72);
  --glass-blur:   blur(20px) saturate(160%);
  --glass-line:   rgba(255, 255, 255, 0.55);

  /* Плёнка шума поверх стекла — SVG-турбулентность в data-URI, ~200 байт,
     убирает «пластиковость» больших заливок */
  --noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.32'/%3E%3C/svg%3E");

  /* ---------- Типографика ---------- */
  /* Oswald вместо Bebas Neue — у Bebas нет кириллицы */
  --font-display: "Oswald", "Arial Narrow", sans-serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Шкала: 1.25, с плавным clamp на крупных ступенях */
  --fs-micro:  0.6875rem;                          /* 11px — капслок-подписи */
  --fs-xs:     0.75rem;                            /* 12px */
  --fs-sm:     0.8125rem;                          /* 13px */
  --fs-base:   1rem;                               /* 16px */
  --fs-md:     1.0625rem;                          /* 17px — лид */
  --fs-lg:     clamp(1.125rem, 0.4vw + 1rem, 1.25rem);
  --fs-xl:     clamp(1.375rem, 1vw + 1rem, 1.75rem);
  --fs-2xl:    clamp(1.75rem, 2vw + 1rem, 2.5rem);
  --fs-3xl:    clamp(2.25rem, 3vw + 1rem, 3.25rem);
  --fs-display: clamp(2.75rem, 7.5vw, 6rem);       /* герой */

  --lh-tight:  0.94;   /* пересчитано под Oswald (в Strata было 0.88 для Bebas) */
  --lh-snug:   1.2;
  --lh-base:   1.6;
  --lh-relaxed: 1.75;

  --tracking-caps: 0.16em;   /* капслок-подписи Strata */
  --tracking-display: 0.005em;

  /* ---------- Отступы: шкала кратная 8 ---------- */
  --s-1:  0.25rem;   /*  4px */
  --s-2:  0.5rem;    /*  8px */
  --s-3:  0.75rem;   /* 12px */
  --s-4:  1rem;      /* 16px */
  --s-5:  1.5rem;    /* 24px */
  --s-6:  2rem;      /* 32px */
  --s-7:  3rem;      /* 48px */
  --s-8:  4rem;      /* 64px */
  --s-9:  6rem;      /* 96px */
  --s-10: 8rem;      /* 128px */

  /* ---------- Сетка ---------- */
  --container:    72rem;   /* 1152px — max-w-6xl из Strata */
  --container-narrow: 46rem;
  --gutter:       1.5rem;  /* 24px */
  --columns:      12;
  --grid-step:    1.35rem; /* шаг фоновой миллиметровки, из Strata */

  /* ---------- Радиусы ---------- */
  --r-sm:   0.5rem;
  --r-md:   0.75rem;
  --r-lg:   1rem;
  --r-xl:   1.5rem;
  --r-2xl:  1.75rem;
  --r-full: 999px;

  /* ---------- Тени (значения из Strata) ---------- */
  --sh-nav:   0 10px 40px rgba(10, 10, 10, 0.08);
  --sh-card:  0 12px 28px rgba(10, 10, 10, 0.05);
  --sh-panel: 0 30px 80px rgba(10, 10, 10, 0.10);
  --sh-dark:  0 12px 30px rgba(10, 10, 10, 0.14);
  --sh-pill:  0 8px 24px rgba(10, 10, 10, 0.04);

  /* ---------- Движение ---------- */
  --dur-fast:  150ms;
  --dur:       300ms;
  --dur-slow:  600ms;
  --dur-enter: 900ms;
  --ease:      cubic-bezier(0.16, 1, 0.3, 1);   /* мягкий out, для появлений */
  --ease-io:   cubic-bezier(0.65, 0, 0.35, 1);  /* симметричный, для hover */

  /* ---------- Слои ---------- */
  --z-base:   1;
  --z-sticky: 40;
  --z-nav:    50;
  --z-modal:  80;
}

/* Уважаем системную настройку «меньше движения» */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 1ms;
    --dur: 1ms;
    --dur-slow: 1ms;
    --dur-enter: 1ms;
  }
}