:root{
  --nav-bg:#1d2b24;
  --nav-text:#f8f9fa;
  --nav-accent:#f0c13f;
  --accent-dark:#d9ab2d;
  --border:#dcdcdc;

  --card-bg:#ffffff;
  --input-bg:#fafafa;
  --input-border:#cfcfcf;
  --text-dark:#1f1f1f;
  --text-muted:#6c6c6c;
}

@keyframes rock{
  0%{transform:rotate(0deg)}
  25%{transform:rotate(8deg)}
  50%{transform:rotate(-8deg)}
  75%{transform:rotate(4deg)}
  100%{transform:rotate(0deg)}
}

html, body{
  width:100%;
  overflow-x:hidden;
  height:100%;
  margin:0;
  padding:0;
}

body{
  background:#f3f2ef;
  font-family:"Segoe UI",Arial,sans-serif;
  color:#111;
  display:flex;
  flex-direction:column;
  padding:0;
  margin:0;
}