/*
 * Primary → Main brand color, primary buttons, main CTAs
 * Accent → Secondary highlights, badges, links, decorative elements, hover states
 * Muted → Subtle backgrounds, disabled states, secondary text
 */
:root {
  /* Core brand / actions */
  --color-primary: #4a7c9e;
  --color-primary-foreground: #ffffff;

  /* Accent / highlights (what you use on special elements) */
  --color-accent: #3e98f8;
  --color-accent-foreground: #ffffff;

  /* Neutral layers */
  --color-background: #ffffff;
  --color-surface: #f8f9fa;
  --color-surface2: #f1f3f5;
  --color-surface3: #e9ecef;
  --color-surface-light: #f0f9ff;

  --color-muted: #e9ecef;
  --color-muted-foreground: #6c757d;

  --color-border: #dee2e6;
  --color-border2: #adb5bd;

  /* Text hierarchy */
  --color-foreground: #212529;
  --color-foreground-muted: #495057;
}

/* sitebot:defaults:nav-scoping */
/* Inner pages — solid sticky nav (homepage uses page-local transparentnav section when requested) */
body:not(.sb-home) .sb-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  width: 100%;
  max-width: none;
  margin-inline: 0;
  padding-inline: 1.25rem;
  box-sizing: border-box;
  background-color: rgb(248 250 252);
  border-bottom: 1px solid rgb(226 232 240);
}
@media (min-width: 1024px) {
  body:not(.sb-home) .sb-nav {
    padding-inline: 2rem;
  }
}
body:not(.sb-home) .sb-nav a:not(.sb-nav-cta):not([class^="bg-"]):not([class*=" bg-"]) {
  color: inherit;
}

/* Active nav link — accent/primary tokens; HTML uses data-sb-active only */
body:not(.sb-home) .sb-nav a[data-sb-active="true"] {
  color: var(--color-accent, var(--color-primary, inherit)) !important;
  font-weight: 600 !important;
}

/* sitebot:defaults:nav-cta */
.sb-nav a.sb-nav-cta,
.sb-nav a[class^="bg-"],
.sb-nav a[class*=" bg-"] {
  color: var(--color-primary-foreground, #fff) !important;
}
.sb-nav a.sb-nav-cta[data-sb-active="true"],
.sb-nav a[class^="bg-"][data-sb-active="true"],
.sb-nav a[class*=" bg-"][data-sb-active="true"] {
  color: var(--color-primary-foreground, #fff) !important;
  font-weight: inherit !important;
}

/* sitebot:defaults:nav-cta-v2 */
.sb-nav a[class^="bg-"],
.sb-nav a[class*=" bg-"] {
  color: var(--color-primary-foreground, #fff) !important;
}
.sb-nav a[class^="bg-"][data-sb-active="true"],
.sb-nav a[class*=" bg-"][data-sb-active="true"] {
  color: var(--color-primary-foreground, #fff) !important;
  font-weight: inherit !important;
}

/* sitebot:defaults:nav-cta-v3 */
/* Dropdown / hover:bg-* links keep theme foreground — not CTA white */
.sb-nav a[class*="hover:bg-"]:not(.sb-nav-cta):not([class^="bg-"]):not([class*=" bg-"]),
.sb-nav a[class*="focus:bg-"]:not(.sb-nav-cta):not([class^="bg-"]):not([class*=" bg-"]) {
  color: var(--color-foreground, inherit) !important;
}

/* sitebot:defaults:nav-fullwidth-v1 */
.sb-nav {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
}
.sb-nav {
  padding-inline: 1.25rem;
  box-sizing: border-box;
}
@media (min-width: 1024px) {
  .sb-nav {
    padding-inline: 2rem;
  }
}