:root{

  --bg-color:#f6f2eb;

  --text-color:#4d3c32;

  --card-color:#fffdf9;

  --card-border:#e7ddd2;

  --accent-color:#8c6b4f;

  --sub-color:#9b8573;

  --nav-bg:#fffaf5;

  --nav-color:#8d7767;

}

body.working-mode{

  background:
    radial-gradient(
      circle at top,
      rgba(140,107,79,.08),
      #f6f2eb 70%
    );

}

.card{

  box-shadow:
    0 8px 24px rgba(80,60,40,.06);

}

.action-btn{

  background:#fffaf5;

  color:var(--text-color);

}

.action-btn.in{

  background:#8c6b4f;

  color:#fff;

}

.action-btn.out{

  background:#6d5a4d;

  color:#fff;

}

.action-btn.break,
.action-btn.end{

  background:#efe6dc;

  color:#6b5647;

}

.bottom-nav{

  border-top:
    1px solid #eadfd4;

}