:root {
  --brand-primary: #05080a;
  --brand-secondary: hsl(204, 33%, 3%);
  --brand-accent: #ffde59;
  --brand-surface: #fffaf5;
  --brand-heading: #07203b;
  --brand-text: #1d1d1d;
}

/* Override core colors from styles.css */
:root {
  --navy: var(--brand-primary);
  --crimson: var(--brand-secondary);
  --sky: var(--brand-accent);
  --cream: var(--brand-surface);
  --charcoal: var(--brand-text);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(253, 247, 242, 0.85); /* Bright frosted cream */
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(28, 28, 28, 0.08); /* Subtle dark border */
}


.btn-primary {
  background: var(--brand-primary);
}

.btn-secondary,
.btn-whatsapp,
.btn-outline:hover,
.nav-links a:hover {
  color: var(--white);
}

.hero {
  background: linear-gradient(180deg, rgba(0, 48, 73, 0.08) 0%, rgba(255, 255, 255, 0.95) 100%);
}

.footer-brand {
  color: var(--brand-primary);
}

.brand-logo {
  max-width: 200px;
}