/* UKTECH LAB — elevation, glow, motion, фактуры */

:root {
  /* — карточки и подъём — */
  --card-bg: rgba(255, 255, 255, 0.025);            /* нейтральная карточка на графите */
  --card-bg-accent: color-mix(in srgb, var(--accent) 8%, transparent);
  --card-border-accent: color-mix(in srgb, var(--accent) 30%, transparent);
  --card-hover-border: color-mix(in srgb, var(--accent) 35%, transparent);
  --card-hover-shadow: 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent),
                       0 30px 80px -40px color-mix(in srgb, var(--accent) 25%, transparent);
  --card-hover-lift: translateY(-2px); /* @kind other */

  /* — glow (radial, под hero и CTA; hue поверхности) — */
  --glow-hero: radial-gradient(60% 60% at 50% 60%,
               color-mix(in srgb, var(--accent-dark) 45%, transparent) 0%,
               color-mix(in srgb, var(--accent-dark) 15%, transparent) 35%,
               transparent 70%);
  --glow-button: 0 12px 40px -10px color-mix(in srgb, var(--accent) 55%, transparent);

  /* — моушен: один easing на систему — */
  --ease-soft: cubic-bezier(0.22, 1, 0.36, 1);   /* @kind other */ /* out-expo-soft */
  --duration-reveal: 700ms; /* @kind other */       /* вход секций: opacity 0→1, translateY 20→0 */
  --duration-hover-fast: 200ms; /* @kind other */   /* кнопки, ссылки, иконки */
  --duration-hover-card: 300ms; /* @kind other */   /* рамка карточки (тень — 400ms) */
  --duration-count-up: 1600ms; /* @kind other */    /* числа-метрики */
  --duration-overlay: 300ms; /* @kind other */      /* cookie-баннер, мобильное меню */
  --stagger-step: 80ms; /* @kind other */           /* каскад: шаг 60–100ms, не более 5 элементов */

  /* — grain-оверлей: fixed, opacity 0.035 — */
  --grain-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.16'/></svg>"); /* @kind other */
  --grain-opacity: 0.035; /* @kind other */
}