/* ============================================================
   NGenAro Web — Design Tokens (atomic base)
   Палитра от логото (черно/бяло/зелено) + бранд-оранжево.
   Всички text↔bg двойки проверени за WCAG AA (виж _styleguide).
   ============================================================ */
:root{
  /* ---- Farben / база ---- */
  --bg:#0B0D12;              /* тъмна база (не чисто черно) */
  --bg-2:#12141C;           /* повърхност/редуване между секции */
  --surface:rgba(255,255,255,.04);
  --surface-2:rgba(255,255,255,.06);
  --ink:#F2F0EB;            /* основен текст — AA на --bg (~15:1) */
  --ink-muted:#A8ACC4;      /* вторичен текст — AA (~7:1) */
  --ink-dim:#828799;        /* дискретен — едър/UI текст */

  /* ---- Akzente ---- */
  --accent:#FF6B35;         /* оранжево = основен CTA/действие */
  --accent-hover:#D9622B;
  --accent-tint:rgba(255,107,53,.12);
  --on-accent:#0B0D12;      /* ТЪМЕН текст върху оранжево (бял пада под AA) */
  --lime:#C0D890;           /* лого-зелено = линии/детайли/акценти */
  --success:#9AD141;        /* наситено зелено = потвърждение/booking/„live" */
  --on-success:#0B0D12;

  /* ---- Struktur ---- */
  --border:rgba(255,255,255,.09);
  --border-soft:rgba(255,255,255,.045);
  --focus:#FF6B35;

  /* ---- Typografie ---- */
  --font-display:"Bricolage Grotesque Variable","Bricolage Grotesque",system-ui,sans-serif;
  --font-body:"Inter Variable","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* fluid type scale (~1.25), TYPOGRAPHY_COLOR */
  --step--1:clamp(0.83rem,0.80rem + 0.15vw,0.94rem);
  --step-0: clamp(1.06rem,1.00rem + 0.30vw,1.13rem);
  --step-1: clamp(1.33rem,1.20rem + 0.60vw,1.50rem);
  --step-2: clamp(1.66rem,1.45rem + 1.00vw,2.00rem);
  --step-3: clamp(2.07rem,1.75rem + 1.60vw,2.66rem);
  --step-4: clamp(2.59rem,2.10rem + 2.45vw,3.55rem);
  --step-5: clamp(3.24rem,2.50rem + 3.70vw,4.74rem);
  --lh-tight:1.08; --lh-snug:1.22; --lh-body:1.6;
  --track-tight:-0.02em; --track-wide:.16em;

  /* ---- Spacing / Layout ---- */
  --space-2xs:.25rem; --space-xs:.5rem; --space-sm:.75rem; --space-md:1rem;
  --space-lg:1.5rem; --space-xl:2.5rem; --space-2xl:4rem; --space-3xl:6rem; --space-4xl:9rem;
  --container:min(94vw,1720px); --container-wide:min(96vw,1880px); --measure:66ch;

  /* ---- Radii / Schatten / Motion ---- */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-pill:999px;
  --shadow-1:0 2px 20px -8px rgba(0,0,0,.5);
  --shadow-2:0 18px 50px -18px rgba(0,0,0,.65);
  --ring:0 0 0 3px rgba(255,107,53,.5);
  --ease:cubic-bezier(.5,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --dur:.5s; --dur-fast:.25s;
}
@media (prefers-reduced-motion:reduce){
  :root{ --dur:.001s; --dur-fast:.001s; }
}