/* DoggoVPN — base styles shared by all pages.
   Per-page CSS layered on top via cascade. */

:root {
  --gold: #E8B800;
  --gold-hover: #CFA000;
  --gold-text: #1a1a1a;
  --gold-light: rgba(232,184,0,0.10);
  --gold-border: rgba(232,184,0,0.28);
  --orange: #C87020;
  --bg: #FDFAF2;
  --bg-card: #FFFFFF;
  --bg-section: #F7F4EC;
  --text: #141414;
  --text-2: #6B6560;
  --text-3: #A8A49E;
  --border: #EAE6DC;
  --green: #1D9E75;
  --red: #D85A30;
  --radius: 18px;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body {
  font-family:'Inter',sans-serif;
  background:var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
}
a { text-decoration:none; color:inherit; }

.nav-logo { display:flex; align-items:center; gap:12px; }
.nav-logo img { width:52px; height:52px; border-radius:50%; object-fit:cover; }
.nav-logo-name {
  font-family:'Nunito',sans-serif;
  font-weight:900;
  font-size:26px;
  color:var(--text);
}
.nav-logo-name span { color:var(--gold); }