:root{
  --orange:#ff7a00;
  --orange-dark:#e56600;
  --gray900:#222;
  --gray700:#555;
  --gray300:#ddd;
  --gray100:#f5f5f5;
  --white:#fff;
}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--gray100);
  color:var(--gray900);
}
.header,.top,.page-header{
  background:var(--orange);
  color:var(--white);
}
.card{
  background:var(--white);
  border:1px solid var(--gray300);
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
button,.primary-btn,.today-main-report{
  background:var(--orange);
  color:var(--white);
  border:1px solid var(--orange-dark);
}
.bottom{
  background:var(--gray900);
  color:var(--white);
}