/* ===== KI Influencer Guide Base Styles ===== */

:root {
  --site-text: #172326;
  --site-muted: #657276;
  --site-accent: #315f6a;
  --site-surface: #ffffff;
  --site-border: #dce8e9;
}

body {
  color: var(--site-text);
  font-family: "Inter", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.brand-gradient {
  color: var(--site-accent);
  font-weight: 800;
}

.custom-nav {
  min-height: 72px;
}

.navbar-brand img,
.brand-icon-img {
  border-radius: 8px;
}

.small-icon {
  font-size: 0.9em;
  margin-right: 4px;
}

.max-w-520 {
  max-width: 520px;
}

.language-btn {
  border: 1px solid var(--site-border);
  color: var(--site-text);
}

.language-btn:hover,
.language-btn:focus {
  border-color: var(--site-accent);
  color: var(--site-accent);
}