/* UX Week Australia — the umbrella brand: a coral → purple logo gradient
   (#F27B5F → #5C418F) warmed with a UX Australia amber, so it reads as the
   week that spans both Design Research (coral→purple) and UX Australia (warm).
   Kept subtle, in the key of those two reboots. Fully replaces
   sites/ai-engineer/css/colors.css for this edition and mirrors that variable
   contract exactly, so the shared components re-skin from the values here. */
@layer theme {
	:root {
		/* Brand palette — UX Week logo (coral + purple) + a UX Australia amber */
		--uxw-coral:      #f27b5f;
		--uxw-purple:     #5c418f;
		--uxw-purple-ink: #4a3576; /* darkened purple for links/text on white */
		--uxw-amber:      #f9a416; /* the UX Australia warmth in the blend */
		--uxw-yellow:     #ffcb0b;
		/* Hero gradient: amber → coral → purple — UX Australia's warm into
		   Design Research's coral→purple, so UX Week reads as the umbrella. */
		--brand-gradient: linear-gradient(119deg, #f9a416 0%, #f27b5f 48%, #5c418f 100%);

		/* Neutrals — tinted very slightly toward the purple (as Design Research) */
		--neutral-pure-white:     #ffffff;
		--neutral-light-gray:     #efedf5;
		--neutral-soft-gray:      #e3dff0;
		--neutral-pure-black:     #1f1d2b;
		--neutral-dark-gray:      #4a4660;
		--neutral-soft-dark-gray: #6a6680;

		/* Brand / UI accents — purple leads (readable on white); coral + amber warm it */
		--palette-brand:     var(--uxw-purple);
		--palette-brand-hi:  var(--uxw-coral);
		--palette-theme:     var(--uxw-purple);
		--palette-theme-hi:  var(--uxw-coral);
		--palette-accent:    var(--uxw-purple);
		--palette-accent-2:  var(--uxw-coral);
		--palette-accent-3:  var(--uxw-amber);
		--palette-on-accent: var(--neutral-pure-white);

		/* Neutral role bindings */
		--palette-bg:        var(--neutral-pure-white);
		--palette-panel:     var(--neutral-light-gray);
		--palette-panel-alt: var(--neutral-soft-gray);
		--palette-rule:      var(--neutral-soft-gray);
		--palette-ink:       var(--neutral-pure-black);
		--palette-ink-weak:  var(--neutral-dark-gray);
		--palette-ink-muted: var(--neutral-soft-dark-gray);

		/* Exported tokens consumed by the shared components */
		--color-bg:        var(--palette-bg);
		--color-panel:     var(--palette-panel);
		--color-panel-alt: var(--palette-panel-alt);
		--color-rule:      var(--palette-rule);
		--color-ink:       var(--palette-ink);
		--color-ink-weak:  var(--palette-ink-weak);
		--color-ink-muted: var(--palette-ink-muted);
		--color-accent:    var(--palette-accent);
		--color-accent-hi: var(--palette-brand-hi);
		--color-accent-2:  var(--palette-accent-2);
		--color-accent-3:  var(--palette-accent-3);
		--color-on-accent: var(--palette-on-accent);

		/* Links — purple */
		--link:       var(--uxw-purple-ink);
		--link-hover: color-mix(in srgb, var(--uxw-purple-ink), black 15%);

		/* Hero: brand gradient with white logo + text */
		--page-header-bg:     var(--brand-gradient);
		--page-header-fg:     var(--neutral-pure-white);
		--page-header-accent: var(--uxw-yellow);

		/* Nav / misc */
		--hairline:       1px solid var(--color-rule);
		--site-nav-h:     64px;
		--site-nav-bg:    var(--color-bg);
		--site-nav-ink:   var(--color-ink);
		--site-nav-rule:  var(--hairline);
		--site-nav-hover: #f3f1fb;
	}
}