/* ── Reset ── */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

/* ── Design tokens ── */
:root {
  /* Backgrounds */
  --bg:      #FAF8F5;
  --bg2:     #F0EDE8;
  --bg3:     #E8E4DE;
  --surface: #FFFFFF;

  /* Borders */
  --border:  #E2DDD8;
  --border2: #D4CFC9;

  /* Text */
  --t1: #2C2416;
  --t2: #5C4E3A;
  --t3: #9C8E7E;
  --t4: #BDB5A8;

  /* Brand */
  --terra:    #C14B2A;
  --forest:   #2E5B4F;
  --ink:      #1A3A5C;
  --amber:    #D4973A;
  --sand:     #EDE8E0;

  /* Event categories */
  --personal: #9C8E7E;
  --social:   #1A3A5C;
  --work:     #2E5B4F;
}

html, body {
  height: 100%;
  background: var(--bg3);
  font-family: 'DM Sans', sans-serif;
  color: var(--t1);
}