@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

  :root{
    --bg: #F5F0EA;
    --brown-900: #2A160A;
    --brown-800: #3D2810;
    --brown-700: #3B2010;
    --terracotta: #A0522D;
    --terracotta-light: #D6A882;
    --peach: #F5C896;
    --muted: #9A7060;
    --border: #E0D4C4;
    --alert: #E24B4A;
    --ok: #4A7C59;
    --white: #FFFFFF;
  }

  * { box-sizing: border-box; margin: 0; padding: 0; font-family: 'Inter', sans-serif; }
  html, body { background: var(--bg); color: var(--brown-700); }
  a { color: inherit; text-decoration: none; }
  button { font: inherit; cursor: pointer; border: none; background: none; }