/* ==========================================================
   Aviometrics Brand Override — brand.css v1.0
   Deploy to: /css/brand.css
   Load AFTER core.css and pages.css in every page <head>
   ========================================================== */

/* ── 1. Exo 2 Font Import ── */
@import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@200;300;400;500;600;700;800&family=DM+Sans:wght@300;400;500;600&display=swap');

/* ── 2. CSS Variable Overrides ── */
:root {
  /* Replace Inter with Exo 2 + DM Sans system */
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Exo 2', 'DM Sans', sans-serif;

  /* Brand cyan palette */
  --color-brand-cyan:       #22d3ee;
  --color-brand-cyan-mid:   #06b6d4;
  --color-brand-cyan-deep:  #0891b2;
  --color-brand-cyan-pale:  #67e8f9;
  --color-brand-navy:       #0c1f3d;

  /* Override primary to brand cyan-deep */
  --color-primary-600: #0891b2;
  --color-primary-700: #0e7490;
  --color-primary-800: #155e75;
  --color-primary-50:  #ecfeff;
  --color-primary-100: #cffafe;
}

/* ── 3. Heading font upgrade ── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
}

/* ── 4. Navbar — replace icon + text with SVG logo ── */

/* Hide the old icon box and text */
.navbar-brand-icon { display: none !important; }
.navbar-brand-text { display: none !important; }

/* Inject SVG logo via .navbar-brand pseudo/wrapper */
.navbar-brand {
  gap: 0;
}

/* The SVG logo is injected inline — see navbar-logo-snippet.html */
.navbar-brand .brand-svg-logo {
  display: block;
  height: 36px;
  width: auto;
}

/* ── 5. Footer brand — same treatment ── */
.footer-brand .navbar-brand-icon { display: none !important; }
.footer-brand .navbar-brand-text { display: none !important; }

.footer-brand .brand-svg-logo {
  display: block;
  height: 32px;
  width: auto;
}

/* ── 6. Section labels — upgrade to Exo 2 ── */
.section-label {
  font-family: var(--font-display);
  font-weight: 600;
  letter-spacing: 0.28em;
}

/* ── 7. Stat numbers — upgrade to Exo 2 ── */
.stat-hero,
.stat-hero-navy {
  font-family: var(--font-display);
}

/* ── 8. Buttons — DM Sans medium ── */
.btn {
  font-family: var(--font-sans);
  font-weight: 500;
}

/* ── 9. Nav links — DM Sans ── */
.navbar-link,
.navbar-dropdown-item {
  font-family: var(--font-sans);
  font-weight: 500;
}

/* ── 10. Footer heading ── */
.footer-heading {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: 0.12em;
}
