/* ==========================================================================
   Brandtailor – Design Tokens
   Minden érték egy helyen. A színek és a betűtípusok az Elementor Global
   értékekre hivatkoznak, így a marketingcsapat az Elementor felületén
   módosíthatja őket, kód nélkül. A fallback érték a jelenlegi arculat.
   ========================================================================== */

:root {
  color-scheme: light;

  /* ---------- Arculati alapszínek (referencia) ---------- */
  --bt-brand-navy:   #1b2847;
  --bt-brand-orange: #e6694f;
  --bt-brand-blue:   #355ea9;

  /* ---------- Működő színszerepek ----------
     Elementor Global Color slug -> szerep
     primary   = Ink (fő szövegszín, sötét)
     secondary = Ink Soft (másodlagos szöveg)
     text      = Link / interaktív kék
     accent    = Accent (narancs)                          */
  --bt-ink:        var(--e-global-color-primary,   #1a1f2e);
  --bt-ink-soft:   var(--e-global-color-secondary, #6b7490);
  --bt-ink-mute:   #8a92aa;
  --bt-link:       var(--e-global-color-text,      #355ea9);
  --bt-accent:     var(--e-global-color-accent,    #e6694f);

  /* ---------- Felületek ---------- */
  --bt-surface:       #ffffff;
  --bt-surface-alt:   #f5f6fa;   /* offwhite – a meglévő anyagok háttere */
  --bt-surface-tint:  #eef1f8;   /* light – kiemelt blokk */
  --bt-surface-deep:  #1b2847;   /* arculati navy – sötét szekció */
  --bt-line:          #d8dde8;   /* hajszálvonal */
  --bt-line-strong:   #b9c1d4;
  --bt-line-invert:   rgba(255,255,255,.16);

  /* ---------- Tipográfia ----------
     Két betűtípus, több szerep.
     Egyetlen családra épül: Poppins 300-800 – ez a Brandtailor anyagok
     (Kolibri esettanulmány, ajánlatrendszer, one-pagerek) tényleges gyakorlata.
     Az editorial karaktert nem másik font adja, hanem a súly- és
     betűközkontraszt: 600 / -0.035em cím vs. 300 / 1.68 olvasószöveg. */
  --bt-font-display: var(--e-global-typography-primary-font-family, "Poppins"), "Helvetica Neue", Arial, sans-serif;
  --bt-font-read:    var(--e-global-typography-text-font-family, "Poppins"), "Helvetica Neue", Arial, sans-serif;
  --bt-font-ui:      var(--bt-font-display);

  /* Type scale – fluid, 390px .. 1440px között */
  --bt-fs-h1:      clamp(2.625rem, 1.35rem + 4.6vw, 5rem);
  --bt-fs-h2:      clamp(1.875rem, 1.15rem + 2.6vw, 3.125rem);
  --bt-fs-h3:      clamp(1.3125rem, 1.08rem + 0.85vw, 1.75rem);
  --bt-fs-lead:    clamp(1.0625rem, 0.95rem + 0.55vw, 1.375rem);
  --bt-fs-body:    1.0625rem;
  --bt-fs-small:   0.9375rem;
  --bt-fs-caption: 0.75rem;
  --bt-fs-btn:     0.9375rem;
  --bt-fs-display: clamp(3rem, 1.2rem + 6.4vw, 6.5rem); /* statisztikai számok */

  --bt-lh-tight:   0.98;
  --bt-lh-heading: 1.12;
  --bt-lh-lead:    1.45;
  --bt-lh-body:    1.68;

  --bt-ls-h1:      -0.035em;
  --bt-ls-h2:      -0.025em;
  --bt-ls-h3:      -0.015em;
  --bt-ls-caption:  0.14em;

  --bt-w-light:    300;   /* olvasószöveg – a meglévő anyagok gyakorlata */
  --bt-w-regular:  400;
  --bt-w-medium:   500;
  --bt-w-semibold: 600;
  --bt-w-bold:     700;

  /* ---------- Layout ---------- */
  --bt-w-max:     1320px;  /* maximum content width */
  --bt-w-std:     1200px;  /* standard content width */
  --bt-w-article:  820px;
  --bt-w-text:     760px;
  --bt-w-hero:     680px;

  --bt-gutter:    clamp(20px, 4vw, 40px);
  --bt-grid-gap:  clamp(20px, 2.2vw, 32px);

  /* ---------- Függőleges ritmus ----------
     Mobil 72px -> desktop 120px */
  --bt-section-y:    clamp(4.5rem, 3rem + 6.4vw, 7.5rem);
  --bt-section-y-lg: clamp(5.5rem, 3.2rem + 9.6vw, 10rem);

  --bt-space-1: 0.25rem;
  --bt-space-2: 0.5rem;
  --bt-space-3: 0.75rem;
  --bt-space-4: 1rem;
  --bt-space-5: 1.5rem;
  --bt-space-6: 2rem;
  --bt-space-7: 3rem;
  --bt-space-8: 4rem;
  --bt-space-9: 5.5rem;

  /* ---------- Forma ---------- */
  --bt-radius:      8px;
  --bt-radius-card: 12px;
  --bt-radius-btn:  8px;
  --bt-radius-pill: 999px;

  /* ---------- Árnyék – finom, sosem erős ---------- */
  --bt-shadow-1: 0 1px 2px rgba(27,40,71,.04), 0 10px 24px -14px rgba(27,40,71,.14);
  --bt-shadow-2: 0 1px 3px rgba(27,40,71,.05), 0 22px 44px -22px rgba(27,40,71,.20);

  /* Dekor – a navy blokkok visszatérő lágy körei */
  --bt-orb-blue:   rgba(53,94,169,.25);
  --bt-orb-orange: rgba(230,105,79,.12);

  /* ---------- Mozgás ---------- */
  --bt-ease:      cubic-bezier(.22,.68,.28,1);
  --bt-dur-fast:  .18s;
  --bt-dur:       .32s;
  --bt-dur-slow:  .6s;

  /* ---------- Header ---------- */
  --bt-header-h:        88px;
  --bt-header-h-scroll: 68px;
  --bt-z-header:        900;
}

@media (max-width: 1024px) {
  :root {
    --bt-header-h:        72px;
    --bt-header-h-scroll: 62px;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --bt-dur-fast: .01ms;
    --bt-dur:      .01ms;
    --bt-dur-slow: .01ms;
  }
}