/* 25 · GRACE NOTE — airy, refined, elegant. Sage + green, Instrument Serif. */
:root {
  --sage:    #E7EBE1;
  --sage-up: #F1F3EC;
  --forest:  #2A322C;
  --green:   #2E7D55;
  --spirit:  #5ACC91;
  --muted:   #51574E;
  --line:    #DBE2D6;

  --color-bg:          var(--sage);
  --color-surface:     var(--sage-up);
  --color-text:        var(--forest);
  --color-text-muted:  var(--muted);
  --color-accent:      var(--green);
  --color-on-accent:   var(--sage-up);
  --color-eyebrow:     var(--green);
  --color-border:      var(--line);
  --color-wordmark:    var(--forest);
  --color-link:        var(--green);

  --font-display: 'Instrument Serif',serif;
  --font-body:    'neue-haas-grotesk-text','Hanken Grotesk',sans-serif;
  --font-accent:  'Instrument Serif',serif;
  --font-link:    'Instrument Serif',serif;
  --font-eyebrow: 'Space Mono',monospace;
  --font-label:   'Space Mono',monospace;
  --link-style:   italic;

  --text-hero:     clamp(3rem, 6.5vw, 4.5rem);
  --text-h2:       2.2rem;
  --text-eyebrow:  0.6875rem;
  --text-body:     0.9375rem;
  --text-meta:     0.6875rem;
  --weight-display: 400;
  --weight-body:    400;
  --weight-body-strong: 600;
  --tracking-display: -0.005em;
  --tracking-eyebrow: 0.14em;
  --leading-display:  0.94;
  --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(--forest);
  --btn-primary-text:   var(--sage-up);
  --btn-secondary-bd:   #C2CEBD;
  --btn-secondary-text: var(--forest);
  --shadow-card: 0 2px 20px rgba(42,50,44,0.06);
}