/* tokens.css — design tokens, single source of truth */
:root {
  /* Backgrounds */
  --bg:    #F6F3EE;
  --bg2:   #EEEBE4;
  --bg3:   #E6E2D9;
  --white: #FFFFFF;

  /* Text */
  --ink:   #18160F;
  --ink2:  #2E2B22;
  --muted: #7A7669;
  --faint: #B0AC9F;

  /* Borders */
  --line:  rgba(24, 22, 15, 0.10);
  --line2: rgba(24, 22, 15, 0.06);

  /* Accent */
  --warm:     #B5471C;
  --warm2:    #D4602A;
  --warm-bg:  rgba(181, 71, 28, 0.07);

  /* Typography */
  --serif: 'Fraunces', Georgia, serif;
  --sans:  'Geist', system-ui, sans-serif;

  /* Spacing */
  --section-pad: 96px 32px;
  --card-radius:  16px;
  --pill-radius:  100px;
}

/* Base body */
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}