/* =========================================================
   Public marketplace recolor — matches the new navy/orange
   marketplace UI (shop.blade / market2.css) across the older
   public pages that still use jarabay.css (category, cart,
   store, sellers, deals, blog, landing, auth, etc.).
   Loaded only by the public layouts, so dashboards (app/rider)
   keep their current colours. Overrides the admin brand vars
   for these pages only; it does not change saved settings.
   ========================================================= */
:root {
    /* Primary / dark surfaces → navy */
    --brand-600: #0A2540;
    --brand-700: #061626;
    --brand-800: #0A2540;
    --brand-900: #061626;
    --ocean: #0A2540;
    --ocean-700: #061626;
    --ocean-100: #9FB3C8;
    --ocean-50: #E8EEF4;

    /* Accent / highlights → orange */
    --orange: #F59E0B;
    --brand-500: #F59E0B;
    --brand-50: #FEF8EC;
    --brand-100: #FDECC8;
    --brand-200: #FBD88B;
    --gold: #F59E0B;
    --gold-600: #D97706;
    --gold-50: #FEF3C7;

    /* Canvas / ink → match the marketplace design tokens */
    --wash: #F8FAFC;
    --ink: #0F172A;
}

/* Primary call-to-action: orange fill with navy text, like the new design. */
.btn-primary { background: #F59E0B; border-color: #F59E0B; color: #0A2540; }
.btn-primary:hover { background: #D97706; border-color: #D97706; color: #0A2540; }

/* Search button in the marketplace header: orange with navy text. */
.mk-search button { background: #F59E0B; color: #0A2540; }
.mk-search button:hover { background: #D97706; }