/* ============================================================
   PROceed — Brand tokens (single source of truth)
   Loaded as a dependency of every QES stylesheet so the plugin's
   components resolve the brand palette + font wherever they render
   (including Elementor Canvas pages that may not load the theme CSS).
   Values are from the PROceed brand book. Change a brand color here
   and it updates everywhere via var().
   ============================================================ */

:root {
	/* Brand anchors */
	--pro-navy:        #0C3559;  /* Deep Gulf Blue — primary: buttons, header, headings */
	--pro-navy-900:    #092A47;  /* darker navy — hover / gradient */
	--pro-navy-700:    #16456F;  /* lighter navy — gradient */
	--pro-teal:        #12B5AA;  /* Gulf Teal — action: links, active, verified, CTAs */
	--pro-teal-700:    #0C746D;  /* teal for white-text fills (WCAG AA) */
	--pro-teal-300:    #4FD6CB;
	--pro-gold:        #E09320;  /* Gulf Gold — prestige: premium/sponsor accents only */
	--pro-crimson:     #C8102E;  /* Official Partner / sponsor ribbon only */
	--pro-crimson-600: #A50C26;

	/* Text + surfaces */
	--pro-night:   #111B27;  /* primary text */
	--pro-ink:     #1d2b3a;  /* secondary text */
	--pro-muted:   #5B6B7B;  /* tertiary / meta */
	--pro-faint:   #8A98A6;  /* placeholder */
	--pro-cloud:   #F4F7FA;  /* page background */
	--pro-line:    #D7E0E8;  /* borders */
	--pro-sunken:  #EEF2F6;  /* tab track / sunken surfaces */
	--pro-white:   #FFFFFF;

	/* Functional (never re-themed) */
	--pro-whatsapp:       #25D366;
	--pro-whatsapp-hover: #1FBA5A;

	/* Rating stars */
	--pro-star: #E09320;

	/* Shape */
	--pro-radius:    14px;
	--pro-radius-lg: 26px;

	/* Type */
	--pro-font: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}