:root{
  /* HushPuppies-like clean luxury */
  --bg:#ffffff;
  --text:#111111;
  --muted:rgba(17,17,17,.65);
  --stroke:rgba(17,17,17,.12);
  --stroke2:rgba(17,17,17,.08);

  --black:#0b0b0b;
  --white:#ffffff;

  --gold:#c7a253;

  --r:18px;
  --r2:24px;

  --shadow-sm: 0 10px 24px rgba(0,0,0,.06);
  --shadow-md: 0 18px 50px rgba(0,0,0,.08);

  --container: 1240px;

  --sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --serif: Georgia, "Times New Roman", Times, serif;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: var(--sans);
  color: var(--text);
  background: #fff;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.container{
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 18px;
}

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

/* small util */
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  padding:14px 16px;border-radius:16px;
  border:1px solid rgba(199,162,83,.35);
  background: linear-gradient(135deg, rgba(199,162,83,.28), rgba(199,162,83,.14));
  font-weight:800; cursor:pointer;
  transition: transform .15s ease, box-shadow .15s ease;
}
.btn:hover{transform:translateY(-1px); box-shadow: var(--shadow-sm);}