/* ==========================================================================
   Style Studio by Chand — design tokens
   Change a value here and it updates across every page.
   ========================================================================== */
:root {
  /* Palette */
  --c-ink: #0A0A0A;
  --c-ink-soft: #171717;
  --c-gold: #C89B3C;
  --c-gold-soft: #E3C978;
  --c-cream: #F5F0E7;
  --c-offwhite: #FAF9F6;
  --c-white: #FFFFFF;
  --c-muted: #8A8A8A;

  --c-body-muted: #6B6B6B;
  --c-hairline: rgba(10, 10, 10, 0.14);

  /* Type — Inter throughout */
  --font-heading: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-body: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --fs-body: 1rem;
  /* Inter has a much larger x-height than a display serif, so the same
     rem value reads noticeably bigger — these are scaled back to match. */
  --fs-display: clamp(2.25rem, 4.6vw + 0.5rem, 5.4rem);
  --fs-h1: clamp(2rem, 3vw + 0.6rem, 3.9rem);
  --fs-h2: clamp(1.7rem, 2.2vw + 0.6rem, 2.9rem);
  --fs-h3: clamp(1.35rem, 1.2vw + 0.8rem, 1.95rem);
  --fs-h4: clamp(1.15rem, 0.6vw + 0.95rem, 1.45rem);
  --fs-h5: 1.1rem;
  /* Inter needs a little more weight and tighter tracking at display sizes. */
  --fw-heading: 500;
  --ls-heading: -0.022em;
  --lh-heading: 1.12;

  /* Shape */
  --radius-btn: 0px;
  --radius-media: 0px;

  /* Layout */
  --container: 1440px;
  --gutter: clamp(1.25rem, 4vw, 4rem);
  --section-pad: clamp(3.75rem, 8vw, 8.5rem);
  --header-offset: 96px;

  /* Logo — sized by height so a square or wide logo both sit correctly */
  --logo-h: 58px;
  --logo-h-mobile: 44px;
  --logo-w: 230px;
  --logo-w-mobile: 165px;
}