/* Design tokens — palette, type and spacing for the 50 Hill Rise theme. */
:root {
  /* Palette */
  --ink:        #202020;   /* Black   */
  --cream:      #F4EFEC;   /* Light   */
  --terracotta: #D36135;   /* Accent  — primary CTA */
  --terracotta-dark: #b04e28;
  --green:      #6A776D;   /* Green — primary brand accent */
  --green-dark: #55604F;
  --sage:       #BCB696;   /* Light Green */
  --white:      #FFFFFF;
  --forest:     #49523F;   /* deep olive (from their IG) — rich dark sections */
  --gold:       #C6A24C;   /* brass accent (from their IG) — warm, not orange */
  --gold-soft:  #D8BF89;   /* toned-down champagne for eyebrows on dark bands */
  /* semantic roles (green-led; terracotta used sparingly) */
  --accent:      var(--green);
  --accent-warm: var(--terracotta);
  --ink-70:     rgba(32,32,32,.7);
  --ink-12:     rgba(32,32,32,.12);
  --line:       rgba(32,32,32,.14);

  /* Type */
  --font-head: "Forum", Georgia, "Times New Roman", serif;
  --font-body: "Google Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Fluid type scale */
  --fs-display: clamp(2.75rem, 1.6rem + 4.6vw, 4.5rem);
  --fs-h1: clamp(2.25rem, 1.5rem + 3vw, 4rem);
  --fs-h2: clamp(1.9rem, 1.4rem + 2vw, 3rem);
  --fs-h3: clamp(1.4rem, 1.15rem + 1vw, 2rem);
  --fs-h4: 1.5rem;
  --fs-lead: clamp(1.05rem, 1rem + .4vw, 1.35rem);
  --fs-body: 1.125rem;      /* 18px, matches current body */
  --fs-small: .8125rem;
  --fs-label: .75rem;       /* uppercase eyebrow labels */

  /* Rhythm & layout */
  --container: 1200px;
  --container-narrow: 820px;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-y: clamp(3.5rem, 6vw, 7rem);
  --radius: 14px;
  --radius-lg: 22px;
  --shadow: 0 18px 50px -28px rgba(32,32,32,.45);
  --shadow-sm: 0 8px 24px -18px rgba(32,32,32,.5);
  --ease: cubic-bezier(.2,.7,.2,1);
}