/* ==========================================================================
   Design tokenek — Országos Pálma Kertészet
   Színek, tipográfia, ritmus, easing. Minden más CSS innen olvas.
   ========================================================================== */

:root {
  /* --- A nyitó festményből kiolvasott paletta ------------------------- */
  --canvas-raw: #EFE9DE;    /* nyers festővászon — a hero alapja */
  --sunset-peach: #F2C79B;
  --blossom: #E7B7C8;
  --blossom-hot: #D9789C;
  --lilac-haze: #B9AFD0;
  --trunk: #8A6242;

  /* --- Színek --------------------------------------------------------- */
  --bone: #F7F5F0;          /* fő háttér — meleg csontfehér */
  --paper: #FFFFFF;
  --ink: #14170F;           /* fő szöveg — sötét olajzöld-fekete */
  --ink-soft: #5A5F52;      /* másodlagos szöveg */
  --palm: #2E4632;          /* mély pálmalevél zöld — akcentus */
  --palm-lite: #6E8B62;
  --sand: #C8B79A;          /* homok / kaspó */
  --brass: #A8823C;         /* réz kiemelés — árak, aláhúzások */
  --line: rgba(20, 23, 15, 0.10);
  --line-strong: rgba(20, 23, 15, 0.20);

  /* Kontraszt-ellenőrzött változatok --bone (#F7F5F0) háttéren:
     --ink       7.6:1   --ink-soft  4.6:1   --palm  9.1:1   --brass 4.5:1 */
  --brass-deep: #8A6A2E;    /* kis szöveghez, ha 4.5:1 fölött kell maradni */

  /* --- Tipográfia ----------------------------------------------------- */
  --font-sans: 'Inter Tight', 'Inter', 'Helvetica Neue', Helvetica, system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --font-serif: 'Fraunces', 'Cormorant Garamond', Georgia, 'Times New Roman', serif;

  /* Fluid típusskála */
  --fs-display: clamp(2.5rem, 8vw, 7.5rem);
  --fs-h2: clamp(2rem, 5vw, 4.5rem);
  --fs-h3: clamp(1.375rem, 2.6vw, 2.25rem);
  --fs-lead: clamp(1.125rem, 1.9vw, 1.75rem);
  --fs-body: clamp(1rem, 1.05vw, 1.125rem);
  --fs-small: clamp(0.8125rem, 0.9vw, 0.9375rem);
  --fs-micro: clamp(0.6875rem, 0.75vw, 0.75rem);

  --lh-tight: 0.92;
  --lh-snug: 1.12;
  --lh-body: 1.6;

  --ls-display: -0.03em;
  --ls-wide: 0.12em;
  --ls-wider: 0.2em;

  /* --- Ritmus / térköz ------------------------------------------------ */
  --gap-section: clamp(6rem, 14vh, 12rem);
  --gap-block: clamp(2.5rem, 6vh, 5rem);
  --gap-md: clamp(1.25rem, 2.5vw, 2rem);
  --gap-sm: 0.75rem;

  --pad-x: clamp(1.25rem, 5vw, 6rem);
  --maxw: 1680px;
  --maxw-text: 62ch;

  /* --- Mozgás --------------------------------------------------------- */
  --ease-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.76, 0, 0.24, 1);
  --dur-fast: 0.25s;
  --dur: 0.6s;
  --dur-slow: 1.1s;

  /* --- Egyéb ---------------------------------------------------------- */
  --header-h: 72px;
  --radius: 0px;            /* a design szögletes — galéria jelleg */
  --focus: var(--brass);
}

@media (max-width: 640px) {
  :root { --header-h: 60px; }
}

/* Csökkentett mozgás: minden átmenet gyakorlatilag azonnali. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0.001s;
    --dur: 0.001s;
    --dur-slow: 0.001s;
  }
}