/* ============================================================
   OPPORTUNITIES HUB — BRAND COLORS
   ============================================================
   This is the ONE file to edit when you want to change the
   site's color scheme. Every one of the 5 pages (Home,
   Procurement, Market Offers, Partnerships, Submit Lead) loads
   this file before its own styles, so any value you change here
   updates everywhere automatically — no PHP editing required.

   HOW TO USE:
   1. Edit the hex values below (e.g. change #1B5FAE to a new color).
   2. Save this file and re-upload it to
      wp-content/themes/opportunities-hub/assets/brand.css
   3. Refresh the site (clear cache if you use a caching plugin).

   NOTE: The colored status badges (Buying / Selling / Verified /
   Featured / Pending / etc.) are intentionally NOT in this file —
   they live in each page's own <style> block because they're a
   semantic labeling system, not the site's brand color.
   ============================================================ */

:root {
  /* ---- Primary brand blue scale ---- */
  --amber: #1B5FAE;              /* primary brand blue (nav active state, links) */
  --amber-mid: #2E7BD6;          /* mid blue (logo icon color, accents) */
  --amber-btn: #2563EB;          /* button blue (CTAs, "+ Submit Lead") */
  --amber-hover: #1D4ED8;        /* darker blue for hover states */
  --amber-light: #EAF2FC;        /* light blue background tint */
  --amber-pale: #F5F9FE;         /* very pale blue background tint */
  --amber-border: #BBD6F5;       /* blue border color */
  --amber-border-light: #D9E9FB;/* lighter blue border color */
  --orange-accent: #2F8FE0;      /* bright accent blue (italic emphasis text) */
  --border: #C7DDF5;
  --border-light: #DCEAFB;
  --gold: #4A7FB5;                /* muted steel-blue accent (sparingly used) */
  --brown: #0F2A4A;               /* deep navy (topbar, logo mark, primary buttons, modal headers) */

  /* ---- Aliases used by the Procurement page's own naming scheme ---- */
  --brand: #1B5FAE;
  --brand-dark: #0F2A4A;
  --brand-light: #EAF2FC;
  --brand-pale: #F5F9FE;
  --brand-border: #BBD6F5;
  --accent: #4A7FB5;
  --accent-dark: #1B5FAE;
  --accent-light: #EAF2FC;
  --gray-50: #F5F9FE;
  --gray-100: #EAF2FC;
  --gray-200: #BBD6F5;
  --gray-300: #C7DDF5;
  --gray-500: #6B7A8F;
  --gray-700: #0F2A4A;
  --gray-900: #0F2A4A;

  /* ---- Neutrals (shared across all pages) ---- */
  --white: #FFFFFF;
  --text-dark: #111111;
  --text-body: #222222;
  --text-muted: #666666;
  --text: #222222;
  --text-light: #666666;
}