/* ==========================================================================
   JENOBIX — COLOR BRIDGE
   ==========================================================================
   Do NOT treat this as a second source of truth for color. Divi's Variable
   Manager (Global Colors) is the real source of truth — you set those up
   already. This file exists only because plain CSS files (like
   custom-header.css) can't read Divi's internal builder variables.

   RULE: whenever you create/edit a color in Divi's Variable Manager,
   copy the exact same hex into the matching line below. Nothing else in
   this child theme should ever contain a hardcoded hex color — if you
   find one, it's a bug, tell me and I'll fix it.

   Names below match the "Colours" tab of the jenobix-design-system
   spreadsheet exactly, so it's a 1:1 copy-paste from there.
   ========================================================================== */

:root{
  --JX-brand-blue:      #0B5FD0;  /* ← replace with your real logo blue */
  --JX-brand-blue-deep: #08408C;  /* hover state for anything blue */
  --JX-brand-blue-dark: #062E63;  /* dark backgrounds (rarely needed in the header) */
  --JX-brand-blue-wash: #EEF4FE;  /* icon tiles, card hover fill, tag pills */
  --JX-ink:             #101828;  /* headings, active nav item */
  --JX-ink-soft:        #4A5568;  /* body copy, nav links at rest */
  --JX-line:            #E3E8EF;  /* borders, dividers */
  --JX-paper:           #FFFFFF;  /* page/card background */
  --JX-paper-alt:       #F7F9FC;  /* alternating section background */
  --JX-black:           #101a33;  /* Navigation Link Color */
  --JS-D-Blue:        #08408c;
}