/* =============================================================
   Just1Buzz — Centralized Theme Tokens
   Single source of truth for brand colors.
   Logo palette = BLACK + AMBER. Dark blue is being retired in
   favor of near-black to match the logo. Orange accent unchanged.
   ============================================================= */
:root {
  /* ---- Black family (replaces the old dark-blue "ink"/navy shades) ---- */
  --j1b-black:       #0a0a0a;  /* was #0a0f25 (primary dark navy / ink)      */
  --j1b-black-2:     #141414;  /* was #1a1a2e (navy-purple mid stop)         */
  --j1b-black-3:     #1f1f1f;  /* was #0f3460 (bright hero blue end stop)    */
  --j1b-slate:       #1c1c1e;  /* was #2c3e50 (slate navy body/heading text) */
  --j1b-ink-2:       #0a0a0a;  /* was #0f172a (tailwind slate navy)          */

  /* ---- Accent (orange) — UNCHANGED per brand direction ---- */
  --j1b-accent:      #ff7b00;
  --j1b-accent-dark: #e06d00;

  /* ---- Amber (logo) — reserved for fills/highlights on dark surfaces ---- */
  --j1b-amber:       #ffcc00;

  /* ---- Surfaces ---- */
  --j1b-white:       #ffffff;

  /* ---- Hero / banner gradient: subtle black (no blue) ---- */
  --j1b-hero-gradient: linear-gradient(135deg, #0a0a0a 0%, #141414 50%, #1f1f1f 100%);
  --j1b-hero-gradient-2: linear-gradient(135deg, #0a0a0a 0%, #141414 100%);
}