/* ==========================================================================
   MICROKIT, design tokenek
   A CEGES SZINEK az ugyfel 2026-09-04-i levelebol:
     kek    #192a56
     szurke #a9aabc
   A skala ebbol a ket ertekbol van levezetve, uj szint nem talaltunk ki.
   Ez tehat mar NEM ideiglenes paletta.
   0.8.5 (Kata 2026-09-29): a sotet feluletek (fejlec, hero, lablec, gomb)
   pontosan a #192a56, a szurke pontosan az #a9aabc. Minden mas arnyalat
   ennek a kettonek es a fehernek a keveréke (a %-ok a feher aranyat jelzik).
   ========================================================================== */
:root{
  /* Kek skala, a #192a56 a horgony */
  --mk-900:#192a56;   /* CEGES KEK, a sotet feluletek */
  --mk-800:#303f67;   /* kek + 10% feher, gomb hover */
  --mk-700:#192a56;   /* CEGES KEK */
  --mk-600:#535f80;   /* kek + 25% feher */
  --mk-500:#757f9a;   /* kek + 40% feher */

  /* Szurke skala, az #a9aabc a horgony */
  --mk-400:#616a89;   /* kek es szurke fele-fele */
  --mk-300:#a9aabc;   /* CEGES SZURKE */
  --mk-200:#cbccd7;   /* szurke + 40% feher */
  --mk-100:#e5e5eb;   /* szurke + 70% feher */
  --mk-050:#f5f5f7;   /* szurke + 88% feher */
  --mk-000:#ffffff;

  /* Szerepek */
  --mk-akc-700:var(--mk-700);
  --mk-akc-600:var(--mk-600);
  --mk-akc-500:var(--mk-500);
  --mk-akc-200:var(--mk-200);
  --mk-akc-100:var(--mk-100);

  --mk-ink:var(--mk-900);
  --mk-ink-soft:#36446a;  /* kek 80% + szurke 20% */
  --mk-muted:#616a89;     /* kek es szurke fele-fele */
  --mk-line:var(--mk-200);
  --mk-bg:var(--mk-000);
  --mk-bg-soft:var(--mk-050);
  --mk-cta:var(--mk-700);
  --mk-cta-dark:var(--mk-900);

  --mk-todo:#a11b12;
  --mk-todo-bg:#fff5f4;
  --mk-demo:#8a5a12;

  --mk-font:"Inter","Helvetica Neue",Arial,sans-serif;
  --mk-fs-hero:clamp(2.1rem,1.15rem + 3.6vw,3.9rem);
  --mk-fs-h1:clamp(1.9rem,1.2rem + 2.4vw,3rem);
  --mk-fs-h2:clamp(1.5rem,1.1rem + 1.5vw,2.15rem);
  --mk-fs-h3:clamp(1.1rem,1rem + .5vw,1.3rem);
  --mk-fs-lead:clamp(1.0625rem,1rem + .4vw,1.25rem);
  --mk-fs-small:.875rem;
  --mk-lh-tight:1.12;
  --mk-lh:1.65;
  --mk-track-eyebrow:.14em;

  --mk-s1:.25rem; --mk-s2:.5rem; --mk-s3:.75rem; --mk-s4:1rem;
  --mk-s5:1.5rem; --mk-s6:2rem;  --mk-s7:3rem;   --mk-s8:4.5rem; --mk-s9:7rem;

  --mk-radius:10px;
  --mk-radius-lg:16px;
  --mk-radius-sm:6px;
  --mk-radius-pill:999px;
  --mk-shadow:0 1px 2px rgba(25,42,86,.05),0 10px 24px rgba(25,42,86,.06);
  --mk-shadow-lift:0 2px 6px rgba(25,42,86,.08),0 18px 44px rgba(25,42,86,.13);
  --mk-container:1200px;
  --mk-gutter:clamp(1rem,4vw,2rem);
  --mk-header-h:74px;

  --mk-hero-min:clamp(380px,52vh,560px);
  --mk-hero-min-nagy:clamp(480px,70vh,700px);
  --mk-hero-text:var(--mk-900);
  --mk-hero-lead:var(--mk-ink-soft);
}