/* ==========================================================================
   Osprey Procurement brand palette
   Navy blue + White + Orange + Red, mapped to distinct roles so they blend:
     - Orange  -> primary accent (buttons, links, highlights) .... --zeinet-base
     - Red     -> secondary accent (hovers, emphasis) ............ --zeinet-primary
     - Navy    -> dark surfaces, headings, footer .............. --zeinet-black / black2
     - White   -> page background ............................. --zeinet-white
   ========================================================================== */
:root {
  --zeinet-font: "Outfit", sans-serif;
  --zeinet-gray: #6A6D7A;
  --zeinet-gray-rgb: 106, 109, 122;
  --zeinet-white: #ffffff;
  --zeinet-white-rgb: 255, 255, 255;
  /* Orange - primary accent */
  --zeinet-base: #F47A1F;
  --zeinet-base-rgb: 244, 122, 31;
  /* Red - secondary accent */
  --zeinet-primary: #D80E1F;
  --zeinet-primary-rgb: 216, 14, 31;
  /* Navy - dark surfaces / headings */
  --zeinet-black: #0A2A5E;
  --zeinet-black-rgb: 10, 42, 94;
  --zeinet-black2: #0A1E45;
  --zeinet-black2-rgb: 10, 30, 69;
  /* Light section background + borders (cool, to pair with navy) */
  --zeinet-extra: #F4F7FB;
  --zeinet-extra-rgb: 244, 247, 251;
  --zeinet-bdr-color: #E4E8F0;
  --zeinet-bdr-color-rgb: 228, 232, 240;
}