*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  margin:0;
  padding:0;
  min-height:100%;
}

body{
  font-family: Georgia, serif;
  background:#060606;
  color:#f6ebd2;
  overflow-x:hidden;
}

img{
  display:block;
  max-width:100%;
}

button{
  font:inherit;
}

a{
  color:inherit;
  text-decoration:none;
}

:root{
  --site-max: 1600px;
  --header-h: 72px;
  --menu-w: min(340px, 85vw);

  --bg-dark: #0a0909;
  --panel: rgba(24, 14, 18, 0.86);
  --panel-border: rgba(255, 223, 162, 0.18);

  --gold: #d4ae58;
  --gold-soft: #f0d490;
  --text-main: #f6ebd2;
  --text-dim: #d8c7a3;

  --shadow-soft: 0 12px 30px rgba(0,0,0,0.35);
}