:root {
  --bnb-mediterranean: #123247;
  --bnb-mediterranean-deep: #0b2536;
  --bnb-sea: #2f6f73;
  --bnb-sea-dark: #24585b;
  --bnb-sand: #f3eadf;
  --bnb-warm-white: #fcfaf6;
  --bnb-terracotta: #b96345;
  --bnb-terracotta-dark: #95482f;
  --bnb-terracotta-deep: #78351f;
  --bnb-gold: #c8a96b;
  --bnb-ink: #22313a;
  --bnb-muted: #61717a;
  --bnb-border: rgba(18, 50, 71, 0.14);
  --bnb-shadow-sm: 0 8px 24px rgba(18, 50, 71, 0.08);
  --bnb-shadow-md: 0 18px 50px rgba(18, 50, 71, 0.12);
  --bnb-radius-sm: 0.75rem;
  --bnb-radius: 1.25rem;
  --bnb-radius-lg: 2rem;
  --bnb-container: 74rem;
  --bnb-reading: 46rem;
  --bnb-header-height: 5.5rem;
  --bnb-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --bnb-font-serif: "Iowan Old Style", Baskerville, "Times New Roman", Times, serif;
  --primary-color: var(--bnb-terracotta);
  --body-text-color: var(--bnb-ink);
  --heading-text-color: var(--bnb-mediterranean);
  --body-link-color: var(--bnb-sea-dark);
  --border-color: var(--bnb-border);
}