/* scarf — brand tokens. See docs/brand.md. */
:root {
  --wool: #FBF8F2;        /* page ground */
  --ink: #17171C;         /* text, outlines, dark bands */
  --terrace: #D7263D;     /* primary actions, links, the mark's band */
  --stand: #6B675F;       /* captions, secondary text */
  --chalk: #E6E1D8;       /* rules, light borders */
  --white: #FFFFFF;       /* cards */
  --ink-muted: #B8B4AC;   /* secondary text on ink */

  --font-display: 'Bricolage Grotesque', system-ui, sans-serif;
  --font-body: 'Albert Sans', system-ui, sans-serif;

  --radius-card: 16px;
  --radius-button: 12px;
  --radius-input: 10px;
  --radius-pill: 999px;
  --border: 1.5px;
}

.wordmark { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.045em; text-transform: lowercase; }
.btn-primary { height: 56px; border: 0; border-radius: var(--radius-button); background: var(--terrace); color: var(--white); font: 700 17px var(--font-body); }
.btn-secondary { height: 46px; border: var(--border) solid var(--ink); border-radius: var(--radius-button); background: transparent; color: var(--ink); font: 600 15px var(--font-body); }
.card { background: var(--white); border: var(--border) solid var(--ink); border-radius: var(--radius-card); overflow: hidden; }
.card-stripe { height: 14px; background: var(--stripe); border-bottom: var(--border) solid var(--ink); }