/*
 * theme.css — 3rd Street Designs Inc.
 * ─────────────────────────────────────────────────────
 * Swap or duplicate this file to experiment with a new look.
 * All brand colours, font choices, and gradient values live here.
 * Component behaviour and layout live in components.css.
 */

/* ── Design Tokens ──────────────────────────────────── */
:root {
  --color-primary:      #001f3f;   /* deep navy */
  --color-primary-dark: #001328;   /* darker navy (card bg) */
  --color-accent:       #06b6d4;   /* cyan-500 */
  --color-accent-dark:  #0891b2;   /* cyan-600 */
  --font-body:    'Plus Jakarta Sans', sans-serif;
  --font-display: 'Barlow Condensed', sans-serif;
}

/* ── Base Typography ────────────────────────────────── */
body {
  font-family: var(--font-body);
}

/* ── Hero Gradient ──────────────────────────────────── */
.hero-gradient {
  background: radial-gradient(circle at top right, #003366, var(--color-primary));
}

/* ── Navigation — colour enforcement ───────────────── */
/* Forces deep navy text on all nav items across scroll states */
#nav-container span:not(.text-cyan-400),
#nav-container a:not(.bg-cyan-600) {
  color: var(--color-primary) !important;
}
/* Free Audit CTA button keeps white text */
#nav-container a.bg-cyan-600 {
  color: white !important;
}

/* ── Navigation — scrolled state ───────────────────── */
.nav-scrolled {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(12px) saturate(150%);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  border-bottom: 1px solid rgba(0, 31, 63, 0.1);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}