/* Luxurylana — canonical design tokens.
   These values are the single source of truth for the active theme. */
:root{
  --lux-ink:#211d19;
  --lux-text:#514a43;
  --lux-muted:#756c62;
  --lux-gold:#9b7948;
  --lux-gold-deep:#866536;
  --lux-gold-soft:#c4a374;
  --lux-line:#e4ddd3;
  --lux-line-strong:#d6cbbd;
  --lux-paper:#fffdfa;
  --lux-surface:#faf7f1;
  --lux-surface-2:#f6f1e9;
  --lux-error:#9e3f37;
  --lux-success:#4f7551;

  --lux-font-editorial:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --lux-font-heading:"Tenor Sans","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;
  --lux-font-body:"DM Sans","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;

  --lux-container:1280px;
  --lux-container-narrow:880px;
  --lux-gutter:clamp(20px,4vw,56px);
  --lux-section-space:clamp(48px,5.2vw,68px);
  --lux-section-space-small:clamp(36px,4vw,52px);

  --lux-h1:clamp(32px,3.05vw,40px);
  --lux-h1-long:clamp(31px,2.9vw,39px);
  --lux-h2:clamp(23px,2vw,28px);
  --lux-h3:clamp(17px,1.35vw,19px);
  --lux-body:15.5px;
  --lux-small:13px;
  --lux-eyebrow:10px;

  --lux-control-height:48px;
  --lux-radius:2px;
  --lux-transition:160ms ease;
}

@media(max-width:760px){
  :root{
    --lux-gutter:20px;
    --lux-section-space:44px;
    --lux-section-space-small:36px;
    --lux-h1:31px;
    --lux-h1-long:30px;
    --lux-h2:23px;
    --lux-h3:17px;
    --lux-body:15px;
  }
}