/*
 * OrderBot Color Theme
 * Primary → Main brand color, primary buttons, CTAs, accents
 * Accent → Secondary highlights, badges, links
 * Muted → Subtle backgrounds, disabled states, secondary text
 */
:root {
  /* Core brand / actions */
  --color-primary: oklch(0.52 0.18 14);
  --color-primary-foreground: white;

  /* Accent / highlights */
  --color-accent: oklch(0.62 0.22 28);
  --color-accent-foreground: white;

  /* Neutral layers */
  --color-background: white;
  --color-surface: oklch(0.985 0.002 247);
  --color-surface2: #fef9c3;
  --color-surface3: #fffbeb;

  --color-muted: oklch(0.951 0.026 264.5);
  --color-muted-foreground: oklch(0.554 0.046 252);

  --color-border: oklch(0.869 0.022 252);
  --color-border2: oklch(0.83 0.03 252);

  /* Text hierarchy */
  --color-foreground: oklch(0.279 0.041 252);
  --color-foreground-muted: oklch(0.379 0.042 252);
}

/* sitebot:defaults:nav-scoping */
/* Homepage (body.sb-home): nav sits over white background on this site */
body.sb-home .sb-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  background-color: var(--color-foreground);
  color: var(--color-background);
  border-bottom: 1px solid var(--color-border);
}

body.sb-home .sb-nav a {
  color: white;
}

/* Nav link styling */
body .sb-nav .sb-nav-link {
  color: var(--color-background);
}

/* Inner pages (if any) */
body:not(.sb-home) .sb-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  background-color: var(--color-foreground);
  border-bottom: 1px solid rgb(226 232 240);
}

body:not(.sb-home) .sb-nav a {
  color: white;
}

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

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

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