/* base.css — variables, reset, typography */

:root {
  --ink:      #1c1c1c;
  --ink-mid:  #3a3a3a;
  --muted:    #777;
  --faint:    #aaa;
  --border:   #e0dbd3;
  --bg:       #f7f4ef;
  --white:    #ffffff;
  --amber:    #d4820a;
  --amber-lt: #fff3dc;
  --green:    #2a6b4a;
  --green-lt: #e6f4ed;
  --red:      #b93c2c;
  --red-lt:   #fdf0ee;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Source Sans 3', sans-serif;
  font-size: 15px;
  color: var(--ink);
  background: var(--bg);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}