/**
 * UGP Core — design tokens
 * Minden érték a három grafikai tervből származik.
 * Gyerektémában felülírható: :root { --ugp-accent: ...; }
 */

:root {
  /* ---- Márkaszínek ---- */
  --ugp-navy:          #14315e;  /* header sáv, footer, sötét blokkok */
  --ugp-navy-700:      #0f2547;  /* navy hover / mélyebb árnyalat */
  --ugp-blue:          #1d4e8f;  /* címsorok, linkek, primary gomb */
  --ugp-blue-600:      #17457f;
  --ugp-blue-100:      #dbe7f5;  /* halvány kiemelés, badge háttér */
  --ugp-orange:        #ef8b22;  /* elsődleges CTA (Ajánlatot kérek) */
  --ugp-orange-600:    #d97a15;
  --ugp-green:         #2e9e5b;  /* pipák, készleten badge */
  --ugp-green-100:     #e3f5ea;
  --ugp-amber:         #f5b335;
  --ugp-purple:        #7c5cbf;
  --ugp-red:           #c8443a;  /* hiba, kifogyott */

  /* ---- Szekció-akcentusok (számozott blokkok) ---- */
  --ugp-sec-1: var(--ugp-blue);
  --ugp-sec-2: var(--ugp-navy);
  --ugp-sec-3: var(--ugp-green);
  --ugp-sec-4: var(--ugp-amber);
  --ugp-sec-5: var(--ugp-purple);

  /* ---- Semlegesek ---- */
  --ugp-bg:            #ffffff;
  --ugp-bg-alt:        #f0f5fa;  /* halványkék szekcióháttér */
  --ugp-bg-muted:      #f7f9fc;
  --ugp-border:        #e2e8f0;
  --ugp-border-strong: #cbd5e1;
  --ugp-text:          #1f2937;
  --ugp-text-muted:    #64748b;
  --ugp-text-invert:   #ffffff;

  /* ---- Tipográfia ----
     Poppins: címsorok, gombok, navigáció (geometrikus, a tervek szerint)
     Inter:   folyószöveg és adattáblák (tabuláris számjegyek miatt)
     Mindkettő ÖNHOSZTOLVA, latin-ext subsettel (ő, ű!) */
  --ugp-font-display: "Poppins", system-ui, "Segoe UI", sans-serif;
  --ugp-font-body:    "Inter", system-ui, "Segoe UI", sans-serif;

  --ugp-fs-xs:   0.75rem;   /* 12px — eyebrow, badge */
  --ugp-fs-sm:   0.875rem;  /* 14px — táblázat, meta */
  --ugp-fs-base: 1rem;      /* 16px */
  --ugp-fs-lg:   1.125rem;  /* 18px — lead */
  --ugp-fs-xl:   1.375rem;  /* 22px — kártyacím */
  --ugp-fs-2xl:  1.75rem;   /* 28px — szekciócím */
  --ugp-fs-3xl:  2.25rem;   /* 36px — oldalcím */
  --ugp-fs-4xl:  3rem;      /* 48px — hero */

  --ugp-lh-tight: 1.15;
  --ugp-lh-snug:  1.35;
  --ugp-lh-base:  1.6;

  /* ---- Térköz (4px skála) ---- */
  --ugp-sp-1: 0.25rem;
  --ugp-sp-2: 0.5rem;
  --ugp-sp-3: 0.75rem;
  --ugp-sp-4: 1rem;
  --ugp-sp-5: 1.5rem;
  --ugp-sp-6: 2rem;
  --ugp-sp-7: 3rem;
  --ugp-sp-8: 4rem;

  /* ---- Forma ---- */
  --ugp-radius-sm: 4px;
  --ugp-radius:    8px;
  --ugp-radius-lg: 12px;
  --ugp-radius-pill: 999px;

  --ugp-shadow-sm: 0 1px 2px rgba(20, 49, 94, 0.06);
  --ugp-shadow:    0 2px 8px rgba(20, 49, 94, 0.08);
  --ugp-shadow-lg: 0 8px 24px rgba(20, 49, 94, 0.12);

  /* ---- Elrendezés ---- */
  --ugp-container: 1240px;
  --ugp-gutter:    1.25rem;
  --ugp-header-h:  76px;
  --ugp-topbar-h:  46px;

  --ugp-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --ugp-transition: 160ms var(--ugp-ease);
}

/* Önhosztolt betűk. A woff2 fájlokat az assets/fonts/ mappába kell tenni.
   FONTOS: latin-ext subset kell, különben az ő/ű fallback fontból jön. */
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-600-latin-ext.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB,
                 U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Poppins";
  src: url("../fonts/poppins-700-latin-ext.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-400-latin-ext.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/inter-600-latin-ext.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}