:root {
  /* Палитра с борда design/elion.png: фон #060610, свотчи #7717fd #8547fc #1fbafd */
  --bg: #060610;
  --bg2: #0c0b18;
  --panel: #141228;
  --panel2: #1c1833;
  --line: #2c2844;
  --text: #f5f6fb;
  --muted: #b7b3cf;
  --accent: #7717fd;
  --accent2: #8a3cf5;
  --cyan: #1fbafd;
  --white: #f7f8fc;
  --max: 1220px;
  --radius: 18px;

  /* Поверхности — вся страница в тёмной гамме */
  --bg-page: #060610;
  --bg-band: #090814;
  --bg-header: rgba(6,6,16,.84);
  --bg-badge: rgba(18,16,36,.72);
  --bg-card: #120f22;
  --bg-black: #04030c;
  /* Секция услуг: тёмная шторка из клеток. По стыкам бежит свет и открывает фон с нитями. */
  --services-night: #07040f;
  --services-cover: #0b0716;
  --services-crack: rgba(255, 255, 255, 0.35);
  --services-crack-glow: #dfd1fc;
  --services-fibers: #8b5cf6;
  --services-fibers-line: #dfd1fc;
  --services-fibers-deep: #6f4ac5;
  --bg-footer: #05040e;
  --bg-map: #12101f;
  --bg-steps: #221e38;
  --case-start: #1a1440;
  --case-end: #102838;
  --cta-start: #7717fd;
  --cta-end: #3a1d9a;

  /* Текст. Контраст к тёмным фонам не ниже WCAG AA */
  --ink: #140e22;
  --eyebrow: #b7b0e0;
  --eyebrow-dark: #c4b6f5;
  --eyebrow-cta: #efeaff;
  --lead: #d5d3e6;
  --lead-dark: #dddbeb;
  --nav: #c9c6dc;
  --badge: #d5d2e6;
  --choice: #c8c5da;
  --ai-copy: #c8c5da;
  --card-copy: #c4c0d6;
  --time: #b3aec8;
  --dim: #b3aec8;
  --step: #b7b3cc;
  --meta: #c8c5da;
  --review: #d0cde0;
  --star: #ffc14d;
  --cta-copy: #efeaff;
  --consent: #b7b3cc;
  --footer: #c4c0d4;
  --copy: #a39ebc;
  --map: #c8c5da;
  --transparent: transparent;
  --mask-on: black;

  /* Линии */
  --line-header: #2a2640;
  --line-btn: #3a3558;
  --line-btn-dark: #8d88ad;
  --line-badge: #3d385c;
  --line-card: #322c4e;
  --line-card-hover: #8547fc;
  --line-search: #3a3558;
  --line-soft: #2c2844;
  --line-faq: #322c4e;
  --line-field: #463f6a;
  --line-footer: #2a2640;
  --line-white-15: rgb(255 255 255 / 16%);
  --line-white-0: rgb(255 255 255 / 0%);
  --border-reduced: #5c547f;
  --border-reduced-light: #d9d6e8;

  /* Подложка героя */
  --overlay-86: rgba(6,6,16,.86);
  --overlay-62: rgba(6,6,16,.62);
  --overlay-38: rgba(6,6,16,.38);
  --overlay-35: rgba(6,6,16,.35);
  --overlay-45: rgba(6,6,16,.45);
  --overlay-78: rgba(6,6,16,.78);
  --overlay-72: rgba(6,6,16,.72);
  --hero-overlay:
    linear-gradient(90deg, var(--overlay-86) 0%, var(--overlay-62) 48%, var(--overlay-38) 100%),
    linear-gradient(180deg, var(--overlay-35), var(--transparent) 22%, var(--transparent) 78%, var(--overlay-45));
  --hero-overlay-mobile: linear-gradient(180deg, var(--overlay-78), var(--overlay-62) 40%, var(--overlay-72));
  --cta-gradient: linear-gradient(135deg, var(--cta-start), var(--cta-end));
  --case-gradient: linear-gradient(135deg, var(--case-start), var(--case-end));

  /* Свечение карточек — холодный неон вместо тёплого */
  --glow-color: hsl(198deg 100% 84% / 100%);
  --glow-color-60: hsl(198deg 100% 84% / 60%);
  --glow-color-50: hsl(198deg 100% 84% / 50%);
  --glow-color-40: hsl(198deg 100% 84% / 40%);
  --glow-color-30: hsl(198deg 100% 84% / 30%);
  --glow-color-20: hsl(198deg 100% 84% / 20%);
  --glow-color-10: hsl(198deg 100% 84% / 10%);
  --grad-purple: #8547fc;
  --grad-pink: #b388ff;
  --grad-sky: #1fbafd;
  --gradient-one: radial-gradient(at 80% 55%, var(--grad-purple) 0px, var(--transparent) 50%);
  --gradient-two: radial-gradient(at 69% 34%, var(--grad-pink) 0px, var(--transparent) 50%);
  --gradient-three: radial-gradient(at 8% 6%, var(--grad-sky) 0px, var(--transparent) 50%);
  --gradient-four: radial-gradient(at 41% 38%, var(--grad-purple) 0px, var(--transparent) 50%);
  --gradient-five: radial-gradient(at 86% 85%, var(--grad-pink) 0px, var(--transparent) 50%);
  --gradient-six: radial-gradient(at 82% 18%, var(--grad-sky) 0px, var(--transparent) 50%);
  --gradient-seven: radial-gradient(at 51% 4%, var(--grad-pink) 0px, var(--transparent) 50%);
  --gradient-base: linear-gradient(var(--grad-purple) 0 100%);

  /* Цвета эффектов: их читают js/specular.js и js/floating-lines.js */
  --specular-line: #f7f8ff;
  --specular-base: #4a3d78;
  --specular-light-line: #1a1230;
  --specular-light-base: #d4d0e4;
  --lines-1: #7717fd;
  --lines-2: #1fbafd;
  --lines-3: #6d6794;

  /* Тени */
  --shadow-ink: rgba(0,0,0,.45);
  --shadow-black-10: rgba(0,0,0,.28);
  --shadow-search: 0 16px 40px var(--shadow-ink);
  --shadow-card:
    var(--shadow-black-10) 0 1px 2px,
    var(--shadow-black-10) 0 2px 4px,
    var(--shadow-black-10) 0 4px 8px,
    var(--shadow-black-10) 0 8px 16px,
    var(--shadow-black-10) 0 16px 32px,
    var(--shadow-black-10) 0 32px 64px;
  --shadow-edge:
    inset 0 0 0 1px var(--glow-color),
    inset 0 0 1px 0 var(--glow-color-60),
    inset 0 0 3px 0 var(--glow-color-50),
    inset 0 0 6px 0 var(--glow-color-40),
    inset 0 0 15px 0 var(--glow-color-30),
    inset 0 0 25px 2px var(--glow-color-20),
    inset 0 0 50px 2px var(--glow-color-10),
    0 0 1px 0 var(--glow-color-60),
    0 0 3px 0 var(--glow-color-50),
    0 0 6px 0 var(--glow-color-40),
    0 0 15px 0 var(--glow-color-30),
    0 0 25px 2px var(--glow-color-20),
    0 0 50px 2px var(--glow-color-10);

  /* Шрифты: Unbounded — заголовки, Manrope — текст. Оба с кириллицей, OFL */
  --font-sans: Manrope, Arial, Helvetica, sans-serif;
  --font-display: Unbounded, Manrope, Arial, sans-serif;
  --track-eyebrow: .14em;
  --track-h1: -.03em;
  --track-h2: -.02em;
  --track-logo: .08em;
  --track-label: .06em;
  --track-stars: 2px;

  /* Радиусы */
  --radius-input: 10px;
  --radius-btn: 12px;
  --radius-card: 16px;
  --radius-glow: 28px;
  --radius-pill: 999px;

  /* Отступы */
  --space-1: 1px;
  --space-7: 7px;
  --space-8: 8px;
  --space-9: 9px;
  --space-10: 10px;
  --space-12: 12px;
  --space-13: 13px;
  --space-14: 14px;
  --space-15: 15px;
  --space-16: 16px;
  --space-18: 18px;
  --space-20: 20px;
  --space-21: 21px;
  --space-22: 22px;
  --space-24: 24px;
  --space-25: 25px;
  --space-26: 26px;
  --space-27: 27px;
  --space-28: 28px;
  --space-30: 30px;
  --space-35: 35px;
  --space-40: 40px;
  --space-45: 45px;
  --space-48: 48px;
  --space-50: 50px;
  --space-65: 65px;
  --space-74: 74px;
  --space-75: 75px;
  --space-88: 88px;
  --space-90: 90px;
  --space-110: 110px;
  --space-120: 120px;
  --header-h: var(--space-74);
  --gutter: var(--space-40);
  --gutter-sm: var(--space-28);
  --glow-padding: var(--space-40);
  --logo-h: 68px;
  --logo-h-sm: 56px;
  --logo-h-footer: 88px;
  --qr-size: 300px;
  --panel-narrow: 520px;

  /* Объёмные значки 3dicons. Тень — единственное место с rgba для filter */
  --icon-choice: 56px;
  --icon-btn: 22px;
  --icon-badge: 22px;
  --icon-gap: 8px;
  --icon-shadow: 0 4px 8px rgba(0,0,0,.35);
}

@media (max-width: 768px) {
  :root {
    --icon-choice: 44px;
  }
}