/* ============================================================
   РИТЕКО — дизайн-токены v1 «тёмная индустрия + матовое стекло»
   ============================================================ */
:root {
  /* Палитра: тёплый почти-чёрный + сигнальный оранжевый */
  --bg: #0B0A08;
  --bg-raise: #141210;
  --ink: #F2EFE9;
  --ink-70: rgba(242, 239, 233, .7);
  --ink-50: rgba(242, 239, 233, .5);
  --ink-30: rgba(242, 239, 233, .3);
  --accent: #FE5000;
  --accent-deep: #DF4600;
  --accent-ink: #140800;

  /* Матовое стекло (затемнённое) */
  --glass-bg: linear-gradient(180deg, rgba(242, 239, 233, .05), rgba(242, 239, 233, .02)), linear-gradient(180deg, rgba(11, 10, 8, .62), rgba(11, 10, 8, .45));
  --glass-bg-strong: linear-gradient(180deg, rgba(242, 239, 233, .07), rgba(242, 239, 233, .03)), linear-gradient(180deg, rgba(11, 10, 8, .72), rgba(11, 10, 8, .55));
  --glass-border: 1px solid rgba(242, 239, 233, .12);
  --glass-blur: blur(14px) saturate(1.25);
  --glass-shadow: 0 1px 1px rgba(5, 1, 0, .25), 0 16px 48px rgba(0, 0, 0, .35);
  --radius: 18px;
  --radius-s: 12px;

  /* Типографика: гротеск, плотный трекинг, табличные цифры */
  --font: "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-display: clamp(34px, 4.6vw, 64px);
  --fs-h2: clamp(26px, 3vw, 40px);
  --fs-h3: 20px;
  --fs-body: 17px;
  --fs-small: 14px;
  --fs-label: 12px;
  --lh-body: 1.65;

  --container: 1280px;
  --pad: clamp(20px, 4vw, 48px);
  --sect: clamp(72px, 10vw, 140px);

  --ease: cubic-bezier(.23, .34, .18, 1);
}

/* На мобильном и слабых машинах — стекло без blur (производительность) */
@media (max-width: 800px) {
  :root { --glass-blur: none; }
}