:root {
  --cp-navy: #062F5B;
  --cp-navy-dark: #021E3A;
  --cp-gold: #D6A03A;
  --cp-gold-dark: #B98218;
  --cp-charcoal: #3A3A36;
  --cp-offwhite: #F7F4EC;
  --cp-white: #FFFFFF;
  --cp-muted: #6B7280;

  --cp-font-headline: "Georgia", "Times New Roman", serif;
  --cp-font-body: "Inter", "Segoe UI", system-ui, sans-serif;

  --cp-radius-card: 24px;
  --cp-shadow-soft: 0 20px 50px rgba(2, 30, 58, 0.12);
}

body {
  font-family: var(--cp-font-body);
  color: var(--cp-navy-dark);
  background: var(--cp-white);
}

h1, h2, h3, .cp-serif {
  font-family: var(--cp-font-headline);
}

.cp-btn-primary {
  background: var(--cp-gold);
  border: 1px solid var(--cp-gold);
  color: var(--cp-navy-dark);
  font-weight: 700;
}

.cp-section-dark {
  background: linear-gradient(135deg, var(--cp-navy-dark), var(--cp-navy));
  color: var(--cp-white);
}

.cp-card {
  border-radius: var(--cp-radius-card);
  box-shadow: var(--cp-shadow-soft);
}