:root{
  --eclipse:#0B0B0F;
  --pearl:#F5F4F1;
  --gold:#C8A96E;
  --rose:#E8D8CF;
  --navy:#0F1A2C;
}
html,body{background:var(--pearl);}
.font-serif{font-family:'Cormorant Garamond',ui-serif,Georgia,serif;}
.font-sans{font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial;}
.card{box-shadow:0 8px 24px rgba(11,11,15,.07);}
.moon-gradient{
  background:radial-gradient(1200px 600px at 80% -10%, rgba(200,169,110,.22), transparent 55%),
             radial-gradient(800px 500px at 10% 10%, rgba(15,26,44,.10), transparent 60%);
}
.tracking-wideplus{letter-spacing:.06em;}
.focus-ring:focus{outline:2px solid var(--gold);outline-offset:2px;}
a.button-dark{background:var(--eclipse);color:#fff;}
a.button-outline{border:1px solid var(--gold);}
a.button-outline:hover{background:var(--gold);color:#fff;}
.badge{letter-spacing:.2em;text-transform:uppercase;color:rgba(15,26,44,.7);font-size:.75rem;}