:root {
  --bg-color:    #f5f3ff;
  --fg-color:    #0e0b2e;
  --nav-bg:      #ffffff;
  --nav-fg:      #0e0b2e;
  --nav-accent:  #4f46e5;
  --footer-bg:   #0e0b2e;
  --footer-fg:   #a5b4fc;
  --logo-url:    url('/legal/contentqrappteam/assets/logo.svg');
  --heading-font: "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
  --body-font:   -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.site-nav {
  background: var(--nav-bg);
  border-bottom: 3px solid #4f46e5;
  box-shadow: 0 1px 8px rgba(79,70,229,0.08);
}

.site-nav .brand-name {
  font-size: 1.2rem;
  font-weight: 800;
  color: #4f46e5;
  letter-spacing: 0.01em;
  margin-right: auto;
}

.site-nav a { color: #1e1b4b; }
.site-nav a:hover,
.site-nav a.active { color: #4f46e5; }