/*
 * Global X brand tokens for the Creator Day module.
 * Paste at the END of assets/css/creator-day.css (tokens cascade; last wins),
 * or enqueue after it. Values mined from the theme's Tailwind source
 * (wp-content/themes/gxca/tailwind.css) and the 2025 Creator Day markup.
 *
 * Contrast notes (WCAG 2.1 AA, verified numerically):
 * - Ink #002f37 on white: ~13:1. Pass.
 * - Muted #606060 ("granite") on white: 5.7:1. Pass.
 * - Accent #c94200 with white ink: 4.9:1. Pass for button/label text.
 *   The raw brand orange #e94d00 is 3.8:1 with white - fine for borders,
 *   icons, rules and large decorative type, NOT for normal-size text on
 *   orange or orange text on white. That is why --gxca-cd-accent is the
 *   deepened orange and the raw brand orange is a separate decorative token.
 *   (The 2025 site's white-on-#e94d00 buttons fail AA; we are not copying that.)
 */

.gxca-cd {
	/* GlobalX deep teal-navy ("blue" in the theme): headings, body ink */
	--gxca-cd-ink: #002f37;

	/* "granite" - the theme's body/muted text */
	--gxca-cd-muted: #606060;

	/* Brand orange, deepened to hold 4.5:1 with white text on buttons */
	--gxca-cd-accent: #c94200;
	--gxca-cd-accent-ink: #ffffff;

	/* Raw brand orange - decorative only: borders, icons, eyebrow accents */
	--gxca-cd-brand-orange: #e94d00;

	/* Cards sit white on the theme's gray-lightest sections */
	--gxca-cd-surface: #ffffff;

	/* Focus ring: the teal-navy reads clearly against white and orange */
	--gxca-cd-focus: #002f37;

	/* The 2025 card language: rounded-lg buttons/cards */
	--gxca-cd-radius: 8px;

	/* Theme faces load from the theme's own @font-face (Brown Std, Proxima Nova) */
	font-family: "Proxima Nova", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
}

/* ---------------------------------------------------------------------------
 * The typography rules that used to follow are deliberately NOT applied.
 *
 * The block templates already set faces and colours with Tailwind utilities —
 * the agenda heading, for instance, carries `font-brown-std font-normal
 * text-blue text-5xl`. A rule like `.gxca-cd h2 { color: ... }` has a higher
 * specificity (0,1,1) than a utility class (0,1,0), so enqueueing it would
 * silently override choices made deliberately in the markup.
 *
 * Tokens are safe because nothing else reads them: they change what the
 * module's own rules resolve to and leave every Tailwind utility alone.
 *
 * If the faces need setting from here rather than from the markup, that is a
 * conversation with whoever owns the templates, not a paste.
 *
 * The original rules, for reference:
 *
 * /* Headings in Brown Std, normal weight, teal-navy - matches the site's h1-h5 */
 * .gxca-cd-page__title,
 * .gxca-cd-title,
 * .gxca-cd h2,
 * .gxca-cd h3,
 * .gxca-cd legend {
 * 	font-family: "Brown Std", "Proxima Nova", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
 * 	font-weight: 400;
 * 	color: var(--gxca-cd-ink);
 * }
 * 
 * /* Buttons and labels use Brown Std bold, like every CTA on the site */
 * .gxca-cd button,
 * .gxca-cd .gxca-cd-button,
 * .gxca-cd label,
 * .gxca-cd summary {
 * 	font-family: "Brown Std", "Proxima Nova", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
 * 	font-weight: 700;
 * }
 * 
 * /* Section eyebrows, if used in wrappers: uppercase orange smallcaps pattern */
 * .gxca-cd .gxca-cd-eyebrow {
 * 	color: var(--gxca-cd-brand-orange);
 * 	font: 700 1rem/1 "Brown Std", sans-serif;
 * 	text-transform: uppercase;
 * 	letter-spacing: 0.025em;
 * }
 * ------------------------------------------------------------------------ */