/* ═══════════════════════════════════════════════════════════════════════════
   DOHÁNY RESIDENCE — 02 · NAPFÉNYES UDVAR — „a doboz él"  (Olivia-karakter)
   Iris, 2026-09-04. SAJÁT rendszer, nem a 01 értékvariánsa.
   Ez a fájl a 01 közös `tokens/index.css`-e HELYETT (nem mellé) töltődik a 02-n:
   a primitívek is itt vannak, hogy a :root ne legyen egymásra másolható a 01-gyel.
   Az öt alap-hue változatlan (brandbook); minden más származtatott, az arány jelölve.
   A ZÖLD SZEREPE ITT: TÁRGY — a panel, a pill, az üveg anyaga. Nem vászon.
   ═══════════════════════════════════════════════════════════════════════════ */
:root{
  /* ── alap (brandbook p.09 + Dohány Green) ── */
  --dhr-white-rock:#fff8eb; --dhr-spring-wood:#f7f4ed; --dhr-muddy-waters:#b7995f;
  --dhr-cape-cod:#4b4743;   --dhr-deep-green:#274140;

  /* ── 02 primitívek: MELEG FÖLD — OKLab-keverés az alapokból ── */
  --dhr-sand-50:#f6ecda;    /* white-rock → muddy-waters 12 %   L .946  a lap talaja */
  --dhr-sand-100:#efe3cc;   /* 22 %                             L .919  váltó sáv */
  --dhr-sand-200:#e9dbc1;   /* 30 %                             L .896  hajszálvonal, elválasztó */
  --dhr-taupe-600:#746750;  /* muddy-waters → cape-cod 60 %     L .520  tompa szöveg (4,72:1 sand-50-en) */
  --dhr-gold-200:#dfcaa6;   /* kétszínű cím második fele ZÖLDÖN (6,85:1) */
  --dhr-gold-700:#7d6539;   /* kétszínű cím második fele HOMOKON (4,73:1) */
  --dhr-green-800:#1c302f;  /* képkeret alapja betöltés alatt */
  --dhr-green-400:#5d7a76;  /* kontúros kártya-CTA gyűrűje (3. kör, Mark 9.) — nem-szöveg UI, 4,4:1 white-rockon */

  /* ── felületek: KÉT háttér (homok + zöld tárgy), kártya = white-rock ── */
  --surface-page:var(--dhr-sand-50);
  --surface-alt:var(--dhr-sand-100);
  --surface-card:var(--dhr-white-rock);
  --surface-object:var(--dhr-deep-green);           /* a mozgó doboz, a stat-panel, a tömör pill */
  --surface-inverse:var(--dhr-deep-green);

  /* ── üveg: KÉT recept, mindkettő fotó FÖLÖTT él ── */
  --glass-object:rgba(39,65,64,.62);                /* zöld üveg — cím, CTA hordozója a herón */
  --glass-sand:rgba(255,248,235,.55);               /* homok üveg — lebegő fejléc-pill, chipek */
  --blur-glass:blur(15px) saturate(.8);             /* Olivia-mérés; mérve renderen: lásd spec §02 */

  /* ── szöveg ── */
  --text-display:var(--dhr-cape-cod);               /* 7,86:1 sand-50 */
  --text-display-2:var(--dhr-gold-700);             /* kétszínű cím homokon */
  --text-body:var(--dhr-cape-cod);
  --text-muted:var(--dhr-taupe-600);
  --text-onObject:var(--dhr-white-rock);            /* 10,37:1 deep-green */
  --text-onObject-2:var(--dhr-gold-200);            /* kétszínű cím zöldön / üvegen */
  --text-onGlass:var(--dhr-white-rock);
  --text-onGlassSand:var(--dhr-cape-cod);

  /* ── vonal, keret ── */
  --border-subtle:var(--dhr-sand-200);
  /* 6. kör RENDSZER-SZABÁLY (Mark: „a gombok kerete túl vastag vagy nem olyan színű, mint a szöveg"): a KONTÚR SÚLYA MINDIG A FELIRAT ALATT.
     Nem a vastagság (minden gyűrű 1 px), hanem a kontraszt: a 300-as betű mellett az azonos színű tömör vonal sűrűbbnek látszik.
     Ezért a rendszerben EGY kontúr-szín van világoson: green-400 (4,4:1 white-rockon, 4,2 sand-50-en) — a felirat (cape-cod 7,9 / deep-green 9,4) mindig fölötte.
     Erős (deep-green) gyűrű NINCS: a hangsúly a KITÖLTÖTT állapot. Sötét tárgyon a párja: --border-onObject (.7 fehér a 1.0 felirat alatt). */
  --border-control:var(--dhr-green-400);
  --border-control-soft:var(--dhr-green-400);        /* alias — a 4. körben így vezettük be a fejléc-CTA-n, a build hivatkozik rá; értéke = --border-control */
  --border-onObject:rgba(255,248,235,.7);
  --outline-image:rgba(0,0,0,.10);                  /* better-ui: képszél, tiszta fekete 10 % */

  /* ── akcent: EGY tömör akció nézetenként = zöld pill; az arany a címben él ── */
  --accent:var(--dhr-deep-green);
  --accent-hover:var(--dhr-green-800);
  --text-onAccent:var(--dhr-white-rock);
  --accent-dot:var(--dhr-gold-200);                 /* a pill 6 px-es pontja */

  /* ── FORMA: változatos, réteges (Olivia 3–50 px) ── */
  --radius-hair:4px;        /* tag-belső, apró */
  --radius-input:12px;      /* input, chip-kártya */
  --radius-card:20px;       /* kép, kártya, üvegkártya */
  --radius-panel:24px;      /* hero-keret, stat-panel */
  --radius-morph:50%;       /* a morph végállapota: doboz → korong */
  --radius-pill:999px;      /* gomb, nav-sáv, tag */
  --inset-frame:16px;       /* a hero-fotó nem ér a viewport széléhez */
  --arch-sm:100px 100px 0 0;/* az irány EGYETLEN boltíve: a képpár nagy képe */

  /* ── TIPÓ: Costaline kétszínű display (Olivia két-tónus = brand arany+tinta vágás) ── */
  --font-display:"Costaline","Cormorant Garamond",Georgia,serif;
  --font-sans:"Montserrat Brand","Montserrat",system-ui,sans-serif;
  --fs-display-1:clamp(3rem,5.2vw,4.5rem);          /* h1 az üvegen: 72 px asztalon — NEM 90, a fotó a főszereplő */
  --fs-display-2:clamp(2.25rem,3.6vw,3rem);         /* szekció h2 48 px, középre */
  --fs-display-3:clamp(1.75rem,2.6vw,2.25rem);
  --fs-numeral:3.25rem;                             /* stat 52 px, tabular */
  --fs-lead:1.125rem; --fs-body:1rem; --fs-caption:.75rem; --fs-overline:.6875rem;
  --lh-display:1.22; --lh-body:1.7;
  --ls-display:.06em; --ls-overline:.28em; --ls-caps:.18em;
  --align-opener:center;                            /* szekció-nyitó középre; törzs balra */

  /* ── MOZGÁS: „a doboz él" — a legtöbb mozgás a háromból ── */
  --ease-entrance:cubic-bezier(.16,.84,.44,1);
  --ease-standard:cubic-bezier(.22,.61,.36,1);
  --dur-fast:200ms; --dur-base:320ms; --dur-reveal:900ms; --dur-morph:1200ms;
  --rise:14px;                                      /* belépő elmozdulás (plafon 16) */
  --stagger:.08s;
  --lenis-lerp:.075;                                /* Lenis 1,60 — a görgetés maga a felvétel */
  --parallax-photo:.10; --parallax-card:.14;        /* képpár két rétege, eltérő mélység */
  --scrub-scale-hero:1.08;                          /* görgetésre, NEM belépőre */
  --morph-from:var(--radius-panel); --morph-to:var(--radius-morph);
  /* MORPH-SZABÁLY (#10315, Max): a morpholó elem SOHA nem sticky és SOHA nincs pinelve — Lenis+ScrollTrigger alatt
     a sticky + scroll-vezérelt clip-path/radius rosszul él együtt. A hero-doboz és az üvegkártya normál folyásban,
     a saját kigörgetési útján alakul (scrub start:top top → end:bottom top). A fixed fejléc-pill nem morphol. */
  --transition-hover:background-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard);
  --press-scale:scale(.96);
  /* ── ORIGIN-FILL gomb-hover (3/b, Mark): a kör origója és átmérője — JS írja felül ELEMEN (inline style), ez a JS-mentes alap ── */
  --ox:50%; --oy:50%; --od:300%;
}
@media (prefers-reduced-motion:reduce){:root{--dur-fast:1ms;--dur-base:1ms;--dur-reveal:1ms;--dur-morph:1ms;--rise:0px;--parallax-photo:0;--parallax-card:0;--scrub-scale-hero:1;--press-scale:none}}