/*
 * Michanic Mobile Mechanics Theme
 * Primary → Brand orange/red (#e95534), main CTAs and accents
 * Accent → Highlight secondary actions, badges
 * Muted → Subtle backgrounds, disabled states, secondary text
 */

:root {
  /* Core brand / actions */
  --color-primary: oklch(0.558 0.175 23);
  --color-primary-foreground: white;

  /* Accent / highlights */
  --color-accent: oklch(0.558 0.175 23);
  --color-accent-foreground: white;

  /* Neutral layers */
  --color-background: white;
  --color-surface: oklch(0.98 0.001 0);
  --color-surface2: oklch(0.96 0.001 0);
  --color-surface3: oklch(0.94 0.002 0);

  --color-muted: oklch(0.94 0.002 0);
  --color-muted-foreground: oklch(0.55 0.01 0);

  --color-border: oklch(0.90 0.003 0);
  --color-border2: oklch(0.85 0.005 0);

  /* Text hierarchy */
  --color-foreground: oklch(0.22 0.01 0);
  --color-foreground-muted: oklch(0.50 0.01 0);
}

/* sitebot:defaults:nav-scoping */

/* Homepage (body.sb-home): solid opaque nav */
body.sb-home .sb-nav {
  position: sticky;
  top: 0;
  z-index: 40;
  background-color: white;
  border-bottom: 1px solid rgb(226 232 240);
}

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

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

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

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