/* ========================================
   HOLT FAMILY OFFICE — DESIGN TOKENS
   ========================================
   Inter throughout. Editorial scale.
   Change once, propagate everywhere.
   ======================================== */

:root {
  /* ---------- COLOR ---------- */
  --color-bg:         #F6F3EE;
  --color-bg-alt:     #EAE5DC;
  --color-ink:        #2B2A28;
  --color-ink-soft:   rgba(43, 42, 40, 0.62);
  --color-ink-muted:  rgba(43, 42, 40, 0.38);
  --color-rule:       rgba(43, 42, 40, 0.18);
  --color-accent:     #8A7B65;

  /* Inverted for hero overlay */
  --color-ink-on-image:       #F6F3EE;
  --color-ink-soft-on-image:  rgba(246, 243, 238, 0.72);
  --color-rule-on-image:      rgba(246, 243, 238, 0.32);

  /* ---------- TYPOGRAPHY ---------- */
  --font-display: "Inter", "Neue Haas Grotesk", "Helvetica Neue", Arial, sans-serif;
  --font-body:    "Inter", "Neue Haas Grotesk", "Helvetica Neue", Arial, sans-serif;

  /* Type scale — bigger, calmer, less copy */
  --type-display-xl: clamp(3.2rem, 8.5vw, 8.5rem);    /* Hero headline */
  --type-display-l:  clamp(2.6rem, 5.8vw, 6rem);      /* Page openers */
  --type-display-m:  clamp(2rem, 3.6vw, 3.4rem);      /* Section headers */
  --type-display-s:  clamp(1.6rem, 2.5vw, 2.2rem);    /* Sub-headers */
  --type-lead:       clamp(1.25rem, 1.8vw, 1.65rem);
  --type-body:       1.0625rem;                        /* 17px */
  --type-small:      0.9375rem;                        /* 15px — was 13px */
  --type-meta:       0.9375rem;                        /* 15px — was 11/12px */

  --leading-display: 1.04;
  --leading-lead:    1.5;
  --leading-body:    1.75;
  --leading-meta:    1.6;

  --tracking-meta:   0.14em;     /* eased — bigger text needs less tracking */
  --tracking-nav:    0.1em;
  --tracking-label:  0.18em;

  /* ---------- SPACING ---------- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4.5rem;
  --space-9:  6rem;
  --space-10: 9rem;
  --space-11: 12rem;

  /* ---------- LAYOUT ---------- */
  --page-max:        88rem;
  --page-gutter:     clamp(1.5rem, 4vw, 4rem);
  --column-text:     38rem;
  --column-narrow:   28rem;
  --nav-height:      4.75rem;

  /* ---------- HAIRLINES ---------- */
  --rule-w:          1px;

  /* ---------- MOTION ---------- */
  --ease-soft:       cubic-bezier(0.32, 0.08, 0.24, 1);
  --dur-fast:        180ms;
  --dur-base:        320ms;
  --dur-slow:        680ms;
}