:root{
  --bg:#FDFAF6;
  --text:#1A1714;
  --text2:#6B6259;
  --text3:#9C9189;

  --border1:#E8E0D8;
  --border2:#D4C9BE;
  --border3:#C0B5A8;

  --brown:#6B3F1A;
  --brown-light:#A0673A;
  --cream:#F1EFE8;

  --amber-bg:#FAEEDA;
  --amber-txt:#854F0B;
  --amber-border:#EF9F27;

  --blue-bg:#E6F1FB;
  --blue-txt:#185FA5;

  --green-bg:#EAF3DE;
  --green-txt:#3B6D11;

  --teal-bg:#E1F5EE;
  --teal-txt:#0F6E56;

  --radius:8px;
  --radius-sm:5px;
}

/* reset */
*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

body{
  background:var(--bg);
  color:var(--text);
}