/* 03 · NORTHWEST STONE — cinematic, high-contrast, wide. Dark stone + pine. */
:root {
  --night:    #1E211F;
  --night-up: #262B27;
  --stone:    #8B968C;
  --cream:    #ECE7DB;
  --pine:     #2E5849;
  --muted:    #AAB2AC;
  --line:     #343A36;

  --color-bg:          var(--night);
  --color-surface:     var(--night-up);
  --color-text:        var(--cream);
  --color-text-muted:  var(--muted);
  --color-accent:      var(--stone);
  --color-on-accent:   var(--night);
  --color-eyebrow:     var(--stone);
  --color-border:      var(--line);
  --color-wordmark:    var(--cream);
  --color-link:        var(--stone);

  /* requested: subtle left→right gradient on the dark hero */
  --hero-gradient: linear-gradient(100deg, #1E211F 0%, #2A302B 100%);

  --font-display: 'neue-haas-grotesk-display','Hanken Grotesk',sans-serif;
  --font-body:    'neue-haas-grotesk-text','Hanken Grotesk',sans-serif;
  --font-lead:    'garamond-premier-pro','Newsreader',serif;
  --font-accent:  'garamond-premier-pro','Newsreader',serif;
  --font-eyebrow: 'Space Mono',monospace;
  --font-label:   'Space Mono',monospace;

  --text-hero:     clamp(2.4rem, 5vw, 3.2rem);
  --text-h2:       1.75rem;
  --text-eyebrow:  0.6875rem;
  --text-body:     0.9375rem;
  --text-meta:     0.6875rem;
  --weight-display: 700;
  --weight-body:    400;
  --weight-body-strong: 700;
  --tracking-display: -0.02em;
  --tracking-eyebrow: 0.14em;
  --leading-display:  0.98;
  --transform-display: none;

  --radius-button: 100px;
  --radius-card:   6px;
  --border-width:  1px;
  --border-style:  solid;
  --space-sm: 0.75rem;
  --space-md: 1.25rem;
  --space-lg: 2rem;
  --space-xl: 3.25rem;

  --btn-primary-bg:     var(--cream);
  --btn-primary-text:   var(--night);
  --btn-secondary-bd:   #5A625C;
  --btn-secondary-text: var(--cream);
  --shadow-card: none;
}