/* ===========================================================================
   LUCENT — design tokens (the whole identity lives here)
   Inspiration DNA: halston-architecture-template.webflow.io (architecture / interior design)
   Re-implemented & re-themed. Edit ONLY this file to re-skin the template.
   =========================================================================== */
:root{
  /* COLOR — light palette (default) */
  --accent:#a3a094;             /* warm stone / greige — the signature low-saturation accent */
  --accent-strong:#6b6152;      /* darker stone for text/links on light bg (AA) */
  --accent-secondary:#6b4a42;   /* warm umber — secondary accent from inspiration's dark palette */
  --accent-ink:#191712;         /* ink on stone fills */
  --bg:#ffffff;
  --surface-alt:#f7f6f3;        /* warm off-white sections */
  --ink:#181614;                /* headings / primary text */
  --body:#5c584f;               /* body copy (warm grey) */
  --border:#e7e4dd;
  --card:#ffffff;

  /* COLOR — dark palette (applied only on .is-dark sections) */
  --bg-dark:#1c1a16;
  --ink-dark:#ffffff;
  --body-dark:#a8a297;
  --border-dark:#332f28;
  --card-dark:#242019;

  /* TYPOGRAPHY */
  --font-display:"Manrope",system-ui,-apple-system,Segoe UI,sans-serif;
  --font-body:"Manrope",system-ui,-apple-system,Segoe UI,sans-serif;
  --w-reg:400; --w-med:500; --w-semi:600; --w-bold:700;
  --tracking-tight:-0.02em;     /* display tracking from inspiration (moderate, not aggressive) */
  --tracking-eyebrow:0.12em;
  --eyebrow-transform:lowercase; /* inspiration uses lowercase eyebrow labels */

  /* LAYOUT */
  --container:75rem;            /* 1200px */
  --container-narrow:46rem;     /* article reading width */
  --gutter:clamp(1.25rem,4vw,2rem);
  --section-y:clamp(4rem,8vw,6.5rem);
  --radius-sm:0.25rem;           /* small radii — inspiration is not pill-heavy */
  --radius-md:0.5rem;
  --radius-lg:0.75rem;
  --radius-pill:999px;
  --bw:1px;

  /* TYPE SCALE — hard 65px cap wraps every heading (R3) */
  --fs-cap:65px;
  --fs-display:min(clamp(2.25rem,1.5rem + 3.6vw,3.75rem), var(--fs-cap));
  --fs-h2:min(clamp(1.9rem,1.35rem + 2.4vw,3rem), var(--fs-cap));
  --fs-h3:min(clamp(1.3rem,1.05rem + 1vw,1.85rem), var(--fs-cap));
  --fs-h4:clamp(1.1rem,0.98rem + 0.5vw,1.3rem);
  --fs-body:clamp(1rem,0.97rem + 0.15vw,1.0625rem);
  --fs-lead:clamp(1.1rem,1rem + 0.45vw,1.3rem);
  --fs-eyebrow:0.8125rem;
  --lh-display:1.08;

  /* MOTION (all from inspiration; baseline R2 below) */
  --ease:cubic-bezier(.16,.84,.44,1);
  --dur:.6s;
  --dur-fast:.3s;
  --reveal-shift:24px;
  --base-x:-24px;               /* baseline reveal from the left */
  --base-delay:.15s;            /* delay, not duration */
  --stagger:.08s;
  --hover-btn:translateY(-2px);
  --hover-card:translateY(-4px);
  --hover-img:scale(1.05);
  --marquee-speed:38s;
}

/* dark palette — only sections tagged .is-dark */
.is-dark{
  --bg:var(--bg-dark); --ink:var(--ink-dark); --body:var(--body-dark);
  --border:var(--border-dark); --card:var(--card-dark);
  --surface-alt:#242019; --accent-strong:var(--accent);
}