/* 01 · SAVED SEAT — quiet, editorial, airy. Pine on warm paper. */
:root {
  /* Tier 1 — primitives */
  --pine:      #2E5849;
  --paper:     #F6F2E9;
  --paper-up:  #FBF9F3;
  --clay:      #D9A06F;
  --charcoal:  #201E1A;
  --ink-muted: #5A5246;
  --line:      #E2D8C2;
  --line-soft: #C4BAA4;

  /* Tier 2 — color */
  --color-bg:          var(--paper);
  --color-surface:     var(--paper-up);
  --color-text:        var(--charcoal);
  --color-text-muted:  var(--ink-muted);
  --color-accent:      var(--pine);
  --color-on-accent:   var(--paper);
  --color-eyebrow:     var(--clay);
  --color-border:      var(--line);
  --color-wordmark:    var(--pine);
  --color-link:        var(--pine);

  /* Tier 2 — type families */
  --font-display: 'neue-haas-grotesk-display','Hanken Grotesk',sans-serif;
  --font-body:    'neue-haas-grotesk-text','Hanken Grotesk',sans-serif;
  --font-eyebrow: 'Space Mono',monospace;
  --font-label:   'Space Mono',monospace;

  /* Tier 2 — scale & treatment */
  --text-hero:     clamp(2.5rem, 5vw, 3.25rem);
  --text-h2:       1.75rem;
  --text-eyebrow:  0.6875rem;
  --text-body:     0.9375rem;
  --text-meta:     0.6875rem;
  --weight-display: 500;
  --weight-body:    400;
  --weight-body-strong: 600;
  --tracking-display: -0.03em;
  --tracking-eyebrow: 0.14em;
  --leading-display:  1.0;
  --transform-display: none;

  /* Tier 2 — shape & space */
  --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;

  /* Tier 3 — component aliases */
  --btn-primary-bg:     var(--color-accent);
  --btn-primary-text:   var(--color-on-accent);
  --btn-secondary-bd:   var(--line-soft);
  --btn-secondary-text: var(--charcoal);
  --shadow-card: 0 2px 20px rgba(40,34,24,0.08);
}