:root{
  --gold: #d4af37;
  --gold-dark: #b38e2e;
  --card-bg: rgba(255,255,255,0.88);
  --shadow: 0 10px 30px rgba(0,0,0,0.20);
  --radius: 18px;
}

/* global best practices */
*{ box-sizing: border-box; }
html, body{ height: 100%; }
img{ max-width: 100%; display:block; }

/* container helper */
.wrap{
  max-width: 980px;
  margin: 0 auto;
  padding: 14px 14px 28px;
}