:root {
     --gold: #c9a96a;
     --azure-deep: #0c1a2b;
 }

 html,
 body {
     font-family: "Inter", system-ui, sans-serif;
     background: var(--azure-deep);
     color: #f4f7fb;
 }

 .font-serif {
     font-family: "Cormorant Garamond", "Times New Roman", serif;
 }

 .text-gold {
     color: var(--gold);
 }

 .border-gold {
     border-color: rgba(201, 169, 106, 0.7);
 }

 .bg-gold:hover {
     background: var(--gold);
     color: var(--azure-deep);
 }

 .glass {
     background: rgba(10, 20, 35, 0.35);
     backdrop-filter: blur(14px);
     -webkit-backdrop-filter: blur(14px);
     box-shadow: 0 30px 80px -20px rgba(5, 10, 20, 0.8);
 }