/* =========================================================================
   PROFIDENT — DESIGN TOKENEK
   =========================================================================
   Forrás: a téma meglévő stílusrétege — src/scss/base/_colors.scss,
   _theme-settings.scss, _buttons.scss, _forms.scss és tailwind.config.js.
   Ez a fájl a brand DNS egyetlen hiteles forrása a kampányoldalon.

   SZABÁLY: a landing.css kizárólag az itt definiált értékeket használhatja.
   Ha új árnyalat kell, azt itt kell származtatni a meglévő palettából
   (világosítás / sötétítés / átlátszóság) — idegen érték nem kerülhet be.

   Megjegyzés a méretekhez: a téma gyökér betűmérete 15px
   (Foundation $global-font-size: 93.75%), ezért 1rem = 15px.
   ========================================================================= */

:root {

  /* --- Alapszínek ------------------------------------------------------ */
  --pf-white: #fefefe;
  --pf-black: #262728;
  --pf-black-soft: #1f1f1f;
  --pf-ink: #2a2d35;           /* body szövegszín (--body-font-color-light) */
  --pf-ink-muted: #555555;     /* h3–h6 és másodlagos szöveg */

  /* --- Elsődleges (Profident zöld) ------------------------------------- */
  --pf-primary: #548583;       /* --primary-color */
  --pf-primary-dark: #376765;  /* --primary-color-dark */
  --pf-primary-text: #447371;  /* gacser-1 — 5,35:1 fehéren, AA testreszabott szövegre */
  --pf-primary-deep: #3d6362;  /* primary sötétítve — fehér szöveg alá, 5,0:1 */
  --pf-primary-abyss: #2f4e4d; /* primary tovább sötétítve — sötét „fejezet” alap, 8,99:1 */
  --pf-primary-light: #84bab9; /* --blue-1 */

  /* --- Szeladon (halvány zöld felületek) ------------------------------- */
  --pf-sage: #95b495;          /* --green-1 */
  --pf-sage-mid: #accbac;
  --pf-sage-light: #b8d7b8;    /* --szeladon-3, űrlapkártyák háttere */

  /* --- CTA / figyelem --------------------------------------------------- */
  --pf-cta: #b22a11;           /* --cta-color (red-1) — fehéren 4,96:1 */
  --pf-cta-hover: #376765;     /* --cta-color-hover (primary-dark) */
  --pf-accent: #ffd400;        /* --yellow-1, kiemelő badge */
  --pf-accent-dark: #d6b301;   /* --yellow-2 */
  --pf-orange: #feb73b;
  --pf-pink: #d4005c;
  --pf-pink-dark: #a70048;

  /* --- Semleges felületek ---------------------------------------------- */
  --pf-surface: #ffffff;
  --pf-surface-alt: #f8f8f8;   /* gray-1 */
  --pf-surface-tint: #eceae7;  /* light-gray-bg-color hangolva */
  --pf-border: #d9d9d9;        /* gray-2 */
  --pf-border-soft: rgba(84, 133, 131, 0.22);   /* primary 22% */
  --pf-highlight: rgba(84, 133, 131, 0.07);     /* primary 7% — táblázat sávozás */
  --pf-free-bg: rgba(149, 180, 149, 0.22);      /* sage 22% — ingyenes tétel */

  /* --- Tipográfia ------------------------------------------------------- */
  --pf-font-body: "Roboto", "Helvetica Neue", Arial, sans-serif;
  --pf-font-head: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --pf-font-script: "Caveat", cursive;    /* csak dekoratív kiemelésre */
  /* Számok és dokumentum-jellegű címkék. A Roboto testvérfaja, ezért nem tör
     ki az arculatból, viszont a tabuláris számjegyek miatt a tételes ártáblázat
     számoszlopa pontosan igazodik — ez a szekció egész karakterét adja. */
  --pf-font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --pf-fw-regular: 400;
  --pf-fw-medium: 500;
  --pf-fw-bold: 700;
  --pf-fw-black: 800;

  /* Méretskála (1rem = 15px) */
  --pf-text-xs: 0.867rem;   /* 13px — csak jogi apróbetű */
  --pf-text-sm: 1rem;       /* 15px */
  --pf-text-base: 1.2rem;   /* 18px — az oldal alap szövegmérete */
  --pf-text-lg: 1.333rem;   /* 20px */
  --pf-text-xl: 1.6rem;     /* 24px */
  --pf-text-2xl: 1.867rem;  /* 28px */
  --pf-h3: clamp(1.467rem, 2.2vw, 1.733rem);   /* 22–26px */
  --pf-h2: clamp(2rem, 4vw, 3.2rem);           /* 30–48px */
  --pf-h1: clamp(2.267rem, 5.2vw, 3.733rem);   /* 34–56px */

  --pf-leading-tight: 1.15;
  --pf-leading-snug: 1.3;
  --pf-leading-body: 1.65;
  --pf-tracking-caps: 0.08em;
  --pf-tracking-display: -0.02em;  /* nagy szedésnél a Montserrat alapértéke lötyög */

  /* --- Térköz ----------------------------------------------------------- */
  --pf-space-2xs: 0.4rem;
  --pf-space-xs: 0.8rem;
  --pf-space-sm: 1.2rem;
  --pf-space-md: 2rem;
  --pf-space-lg: 3.2rem;
  --pf-space-xl: 4.8rem;
  --pf-section-y: clamp(3.2rem, 7vw, 6rem);

  /* --- Rács ------------------------------------------------------------- */
  --pf-container: 80rem;        /* 1200px */
  --pf-container-narrow: 52rem; /* 780px — olvasható szövegoszlop */
  --pf-gutter: clamp(1.2rem, 4vw, 2.4rem);

  /* --- Forma ------------------------------------------------------------ */
  --pf-radius-pill: 200px;      /* gombok, inputok — a téma alapértéke */
  --pf-radius-lg: 1.5rem;       /* rounded-3xl, kártyák */
  --pf-radius-md: 0.8rem;
  --pf-border-width: 1px;

  --pf-shadow-sm: 0 1px 3px rgba(10, 10, 10, 0.1);
  --pf-shadow-md: 0 6px 20px rgba(10, 10, 10, 0.1);
  --pf-shadow-lg: 0 18px 40px rgba(10, 10, 10, 0.14);

  /* --- Gombok (a téma .button szabályaival azonos) ---------------------- */
  --pf-btn-padding-y: 0.7em;
  --pf-btn-padding-x: 2em;
  --pf-btn-weight: 600;
  --pf-btn-radius: var(--pf-radius-pill);
  --pf-btn-font: var(--pf-font-head);
  --pf-tap-target: 44px;        /* WCAG minimum kattintható méret */

  /* --- Mozgás ----------------------------------------------------------- */
  --pf-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --pf-duration: 0.2s;

  /* --- Rétegek ----------------------------------------------------------- */
  --pf-z-sticky: 900;
  --pf-z-topbar: 950;
  --pf-z-modal: 999;
}

/* A célcsoport miatt a kevesebb mozgás alapelvárás, nem extra. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --pf-duration: 0.01ms;
  }
}