/* ===========================================================================
   ESTELA — design tokens (the whole identity lives here)
   Inspiration DNA: vistal.webflow.io (architecture / prestige property)
   Re-implemented & re-themed. Edit ONLY this file to re-skin the template.
   =========================================================================== */
:root{
  /* COLOR — light palette (default) */
  --accent:#efd556;            /* champagne gold — the signature accent */
  --accent-strong:#d8b62f;     /* darker gold for text/links on light bg (AA) */
  --accent-ink:#1a1a16;        /* ink on gold fills */
  --bg:#ffffff;
  --surface-alt:#fafaf7;       /* warm off-white sections */
  --ink:#131313;               /* headings / primary text */
  --body:#5d6c7b;              /* body copy (cool slate) */
  --border:#ededed;
  --card:#ffffff;

  /* COLOR — dark palette (applied only on .is-dark sections) */
  --bg-dark:#131313;
  --ink-dark:#ffffff;
  --body-dark:#9aa3ad;
  --border-dark:#2a2a2a;
  --card-dark:#1b1b1b;

  /* TYPOGRAPHY */
  --font-display:"Inter",system-ui,-apple-system,Segoe UI,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,Segoe UI,sans-serif;
  --w-reg:400; --w-med:500; --w-semi:600; --w-bold:700;
  --tracking-tight:-0.03em;    /* display tracking from inspiration */
  --tracking-eyebrow:0.14em;
  --eyebrow-transform:uppercase;

  /* LAYOUT */
  --container:82.5rem;         /* 1320px */
  --container-narrow:48rem;    /* article reading width */
  --gutter:clamp(1.25rem,4vw,2rem);
  --section-y:clamp(4.5rem,9vw,7rem);
  --radius-sm:0.75rem;
  --radius-md:1.5rem;
  --radius-lg:2.25rem;         /* big rounded cards / hero media */
  --radius-pill:999px;
  --bw:1px;

  /* TYPE SCALE — hard 65px cap wraps every heading (R3) */
  --fs-cap:65px;
  --fs-display:min(clamp(2.5rem,1.6rem + 4.2vw,4.0625rem), var(--fs-cap));
  --fs-h2:min(clamp(2rem,1.4rem + 2.6vw,3.25rem), var(--fs-cap));
  --fs-h3:min(clamp(1.4rem,1.1rem + 1.2vw,2rem), var(--fs-cap));
  --fs-h4:clamp(1.15rem,1rem + 0.6vw,1.4rem);
  --fs-body:clamp(1rem,0.97rem + 0.18vw,1.125rem);
  --fs-lead:clamp(1.125rem,1.02rem + 0.5vw,1.375rem);
  --fs-eyebrow:0.8125rem;
  --lh-display:1.06;

  /* MOTION (all from inspiration; baseline R2 below) */
  --ease:cubic-bezier(.25,.46,.45,.94);
  --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:42s;
}

/* 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:#1b1b1b; --accent-strong:var(--accent);
}