/* ============================================================
   FINERRA — tokens.css = PROFILE (inspiracja: primefolio)
   Single-family Inter Tight. Pure monochrome ink on white,
   one muted-gray (#777) accent, one full-bleed dark (#090909)
   pricing inversion. Quiet, expensive, no loud color.
   ============================================================ */
:root{
  --accent:#777777;            /* muted-gray accent (hero h1 span) */
  --accent-ink:#ffffff;        /* white on dark inversion */
  --bg:#ffffff;
  --surface-alt:#f5f5f5;       /* soft gray */
  --ink:#090909;               /* near-black */
  --body:#444444;
  --muted:#666666;
  --border:#e6e6e6;
  --card:#f5f5f5;
  --bg-dark:#090909;
  --ink-dark:#ffffff;
  --body-dark:#b3b3b3;
  --border-dark:rgba(255,255,255,.12);
  --card-dark:#181818;
  --hero-media:#000000;
  --font-display:"Inter Tight",system-ui,sans-serif;
  --font-body:"Inter Tight",system-ui,sans-serif;
  --w-reg:400; --w-med:500; --w-semi:600; --w-bold:700; --w-extra:800; --w-black:900;
  --tracking-tight:-1.4px;
  --tracking-eyebrow:1.5px;
  --container:1220px;
  --gutter:clamp(20px,5vw,70px);
  --section-y:clamp(84px,10vw,145px);
  --radius-sm:8px; --radius-md:12px; --radius-img:10px; --radius-pill:999px;
  --bw:1px;
  --fs-cap:65px;
  --fs-display:min(clamp(44px,8vw,70px), var(--fs-cap));
  --fs-h2:min(clamp(36px,6vw,68px), var(--fs-cap));
  --fs-h3:min(clamp(1.25rem,2.2vw,1.6rem), var(--fs-cap));
  --fs-body:clamp(1rem,1.05vw,1.0625rem);
  --fs-lead:clamp(1.15rem,1.7vw,1.375rem);
  --fs-eyebrow:.78rem;
  --fs-price:54px;
  --fs-brand:22px;
  --lh-display:1.02; --lh-h2:1.05;
  --ease:cubic-bezier(.22,1,.36,1); --dur:.7s;
  --reveal-shift:48px; --base-x:-28px; --base-delay:.15s; --stagger:.08s;
  --hover-card:translateY(-6px); --hover-btn:translateY(-2px); --hover-img:scale(1.04);
}
.is-dark{ --bg:var(--bg-dark); --ink:var(--ink-dark); --body:var(--body-dark); --muted:var(--body-dark); --border:var(--border-dark); --card:var(--card-dark); --surface-alt:var(--card-dark); }