:root {
  --sa-navy: #17324D;
  --sa-navy-deep: #10263B;
  --sa-gold: #D7AA2B;
  --sa-amber: #F0A32F;
  --sa-cream: #FFF8EC;
  --sa-slate: #617083;
  --sa-ink: #1C2530;
  --sa-white: #FFFFFF;
  --sa-radius-sm: 10px;
  --sa-radius-md: 18px;
  --sa-radius-lg: 30px;
  --sa-shadow-soft: 0 16px 44px rgba(16, 38, 59, .12);
  --sa-font-display: "DejaVu Sans", Arial, sans-serif;
  --sa-font-body: "DejaVu Sans", Arial, sans-serif;
}
.sa-button-primary { background: var(--sa-gold); color: var(--sa-navy-deep); border-radius: var(--sa-radius-sm); font-weight: 700; }
.sa-button-primary:hover { background: var(--sa-amber); }
.sa-button-secondary { background: transparent; color: var(--sa-navy); border: 1px solid var(--sa-navy); border-radius: var(--sa-radius-sm); }
.sa-card { background: var(--sa-white); border: 1px solid rgba(23, 50, 77, .10); border-radius: var(--sa-radius-md); box-shadow: var(--sa-shadow-soft); }