/* ============================================================================
   GrowCommerce UI Kit — brand palettes
   Copy the ONE block for your app into a <style> in the page <head>, AFTER
   linking growcommerce-kit.css. Override only what differs from the default.
   The kit derives every neutral from --gc-brand-hue, so usually 3-4 vars is all
   you need. Pick --gc-brand-hue close to your accent hue for a cohesive tint.
   OKLCH hue reference: rose~15, amber~75, green~150, teal~190, blue~250,
   indigo~285, violet~300, magenta~340.
   ============================================================================ */

/* GrowReview — reviews (DEFAULT, indigo→violet, amber stars) */
:root{
  --gc-accent-1:#6366f1; --gc-accent-2:#7c3aed; --gc-star:#f59e0b; --gc-brand-hue:285;
}

/* GrowWish — wishlist (rose) */
:root.gc-growwish{
  --gc-accent-1:#fb7185; --gc-accent-2:#e11d48; --gc-star:#f59e0b; --gc-brand-hue:15;
}

/* GrowRewards — loyalty points (amber + indigo) */
:root.gc-growrewards{
  --gc-accent-1:#f59e0b; --gc-accent-2:#6366f1; --gc-star:#f59e0b; --gc-brand-hue:75;
}

/* GrowLoyalty — loyalty program (emerald → teal) */
:root.gc-growloyalty{
  --gc-accent-1:#10b981; --gc-accent-2:#0d9488; --gc-star:#f59e0b; --gc-brand-hue:165;
}

/* GrowSub — subscriptions (indigo) */
:root.gc-growsub{
  --gc-accent-1:#6366f1; --gc-accent-2:#4338ca; --gc-star:#f59e0b; --gc-brand-hue:275;
}

/* GrowBundle — bundles / AOV (violet → fuchsia) */
:root.gc-growbundle{
  --gc-accent-1:#8b5cf6; --gc-accent-2:#d946ef; --gc-star:#f59e0b; --gc-brand-hue:310;
}

/* GrowCart — cart journey (sky → indigo) */
:root.gc-growcart{
  --gc-accent-1:#0ea5e9; --gc-accent-2:#6366f1; --gc-star:#f59e0b; --gc-brand-hue:235;
}

/* GrowCommerce master / CSV Power Tools (magenta — house brand) */
:root.gc-house{
  --gc-accent-1:#d6249f; --gc-accent-2:#8b2fd0; --gc-star:#f59e0b; --gc-brand-hue:340;
}

/* Usage: either edit :root above directly in your copy, OR add the class to
   <html class="gc-growwish"> and ship brands.css unchanged. */
