/* ============================================================
   Jérôme Bei Photography – 2025 Palette
   Core tones per creative brief
   ============================================================ */

:root {
  --jb-charcoal:       #0E0E0E;   /* Main dark background */
  --jb-soft-gray:      #D7D7D7;   /* Neutral gray per spec */
  --jb-offwhite:       #FFFFFF;   /* Clean white */
  --jb-gold:           #CFA75F;   /* Accent for micro interactions */

  /* Derived/supporting tones */
  --jb-neutral-grey:   #8A8A8A;   /* Subtle dividers & meta UI */
  --jb-text-primary:   #F5F5F5;   /* Primary text on dark BG */
  --jb-text-secondary: #B5B5B5;   /* Secondary text / captions */
  --jb-surface:        #151515;   /* Panels on dark */
  --jb-surface-light:  #F3F3F3;   /* Panels on light */
}

/* Optional helpers */
.bg-charcoal { background-color: var(--jb-charcoal); }
.bg-soft-gray { background-color: var(--jb-soft-gray); }
.text-primary { color: var(--jb-text-primary); }
.text-secondary { color: var(--jb-text-secondary); }
.accent-gold { color: var(--jb-gold); }
.border-neutral { border-color: var(--jb-neutral-grey); }