/**
 * Site-wide brand tokens & base typography (matches index.php)
 */
:root {
  --orange: #FF6B35;
  --orange-d: #E55A2B;
  --blue: #0077B6;
  --blue-d: #005a8b;
  --navy: #000080;
  --white: #FFFFFF;
  --off: #F8F9FA;
  --offwhite: #F8F9FA;
  --dark: #1a1a2e;
  --muted: #6C757D;
  --border: #DEE2E6;
  --green: #138808;
  --nav-strip-h: 6px;
  --nav-bar-h: 68px;
  --header-h: calc(var(--nav-strip-h) * 2 + var(--nav-bar-h));
  --hero-bg: linear-gradient(135deg, var(--navy) 0%, #0a0a40 100%);
  --hero-bg-page: #040465;
  --nav-bg: #040465;
  --hero-label: #8be9fd;
  --hero-title: #ffffff;
  --hero-sub: rgba(255, 255, 255, 0.78);
  --hero-muted: rgba(255, 255, 255, 0.55);
  --hero-border: rgba(255, 255, 255, 0.12);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: var(--dark);
  background: #fff;
  margin: 0;
}