/* AspStudio v7.0's compiled app.min.css exposes its whole chrome palette as CSS custom properties.
   This file repoints those properties onto the Melvin Eats brand values site.css already defines —
   no hex literal is duplicated here except the two --bs-danger corrections below, so a corrected
   brand measurement is still corrected in exactly one file (site.css's own :root block).
   Phase 15 plan 15-01, 2026-09-02. */

:root {
  /* app.min.css does not redeclare --bs-primary/--bs-danger on any component selector (verified
     zero var(--bs-primary) usages in the compiled file, RESEARCH.md §2/§6), so a :root-scoped
     repoint reaches every consumer via ordinary CSS inheritance — unlike the header/sidebar tokens
     below, which the theme redeclares directly on their own selectors. */
  --bs-primary: var(--color-accent);          /* brand amber — see site.css :root for the hex value */
  --bs-primary-rgb: 253, 180, 20;

  /* app.min.css ships --bs-danger: #e6180d here — not the Bootstrap-standard #DC3545 site.css's
     --color-destructive already measures at 4.53:1 against white. Repointed so a delete button
     never loses the contrast that makes it read as destructive. */
  --bs-danger: #DC3545;
  --bs-danger-rgb: 220, 53, 69;
}

/* app.min.css redeclares --bs-app-header-* directly on .app-header itself (confirmed by grep
   against the compiled file — RESEARCH.md Common Pitfall #2). A :root-scoped value only reaches
   .app-header by inheritance, and an element's own directly-matching rule always wins over an
   inherited one, regardless of specificity or load order between the two rules — so this MUST
   target .app-header directly, never :root, or the header stays AspStudio's stock chrome. */
.app-header {
  --bs-app-header-bg: var(--color-nav-bg);              /* brand olive-dark — see site.css :root */
  --bs-app-header-bg-rgb: 90, 98, 20;
  --bs-app-header-color: var(--color-nav-text);         /* #FFFFFF */
}

/* Same reasoning as .app-header above — app.min.css redeclares roughly twenty-five
   --bs-app-sidebar-* custom properties directly on .app-sidebar, so the repoint must target that
   selector directly. Header and sidebar share --color-nav-bg so they read as one continuous brand
   rail, matching the single-bar nav's current appearance. */
.app-sidebar {
  --bs-app-sidebar-content-mobile-bg: var(--color-nav-bg);
  --bs-app-sidebar-border-color: var(--color-nav-bg);
  --bs-app-sidebar-menu-link-color: var(--color-nav-text);
  --bs-app-sidebar-menu-link-hover-bg: rgba(255, 255, 255, 0.12);
  --bs-app-sidebar-menu-link-active-bg: transparent;
  --bs-app-sidebar-menu-link-active-color: var(--color-accent);   /* amber = "you are here" */
  --bs-app-sidebar-menu-header-color: rgba(255, 255, 255, 0.6);
}