/* ============================================================
   LeadRadar — Design Tokens
   "Разведывательная консоль": near-black база, эмеральд-сигнал,
   стеклянные поверхности, тонкие границы.
   ============================================================ */
:root{
  /* — surfaces / фоны — */
  --bg:            #070A12;   /* основной near-black с ink-подтоном */
  --bg-2:          #0A0F1C;   /* соседняя секция (чуть светлее) */
  --panel:         #0E1424;   /* карточки */
  --panel-2:       #121A2E;   /* приподнятая карточка / hover */
  --panel-3:       #172137;   /* инпуты, вложенные блоки */

  /* — линии / стекло — */
  --line:          rgba(255,255,255,.075);
  --line-2:        rgba(255,255,255,.14);
  --glass:         rgba(255,255,255,.028);
  --glass-2:       rgba(255,255,255,.05);

  /* — текст — */
  --ink:           #EBEEF7;
  --ink-dim:       #A9B2C7;
  --muted:         #6B7590;
  --faint:         #4C566E;

  /* — сигнал (бренд-зелёный, облагороженный) — */
  --signal:        #2CE38C;   /* основной акцент */
  --signal-bright: #4CF7A6;   /* hover / глоу */
  --signal-deep:   #12B57A;   /* насыщенный вариант */
  --signal-ink:    #04160D;   /* текст на сигнале */
  --signal-glow:   rgba(44,227,140,.18);
  --signal-glow-2: rgba(44,227,140,.10);

  /* — alert (коралл, точечно) — */
  --alert:         #FF6B4A;
  --alert-glow:    rgba(255,107,74,.14);

  /* — радиусы — */
  --r-sm: 9px;
  --r:    14px;
  --r-lg: 20px;
  --r-xl: 26px;
  --r-pill: 999px;

  /* — типографика — */
  --font-display: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* — тени — */
  --shadow-sm:  0 8px 24px -14px rgba(0,0,0,.6);
  --shadow:     0 26px 60px -30px rgba(0,0,0,.7);
  --shadow-lg:  0 40px 100px -40px rgba(0,0,0,.85);
  --shadow-glow:0 0 0 1px var(--signal-glow), 0 20px 60px -24px var(--signal-glow);

  /* — раскладка — */
  --maxw: 1200px;
  --gutter: clamp(18px, 4vw, 40px);
  --section-y: clamp(64px, 9vw, 122px);
  --nav-h: 68px;

  /* — motion — */
  --ease: cubic-bezier(.22,.7,.24,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}