/* UX Australia — warm brand lifted from the current site: red / orange / amber
   logo gradients (#ED3925, #F26724, #F9A416) with a yellow accent. Fully
   replaces sites/ai-engineer/css/colors.css for this edition; mirrors that
   variable contract so the shared components re-skin from these values. */
@layer theme {
	:root {
		/* Brand palette (sampled from webdirections.org/uxaustralia) */
		--uxa-red:     #ed3925;
		--uxa-red-ink: #c42d1a; /* darkened for links/text on white (contrast) */
		--uxa-orange:  #f26724;
		--uxa-amber:   #f9a416;
		--uxa-yellow:  #ffcb0b;
		/* Exact hero gradient from the live UX Australia site. */
		--brand-gradient: linear-gradient(119deg, hsla(38, 95%, 53%, 1) 0%, hsla(5, 85%, 54%, 1) 100%);

		/* Neutrals (text / surfaces) — warm-tinted */
		--neutral-pure-white:     #ffffff;
		--neutral-light-gray:     #f6efe9;
		--neutral-soft-gray:      #efe3da;
		--neutral-pure-black:     #2a1c14;
		--neutral-dark-gray:      #5a4a40;
		--neutral-soft-dark-gray: #7a6a60;

		/* Brand / UI accents */
		--palette-brand:     var(--uxa-red);
		--palette-brand-hi:  var(--uxa-orange);
		--palette-theme:     var(--uxa-orange);
		--palette-theme-hi:  var(--uxa-red);
		--palette-accent:    var(--uxa-red);
		--palette-accent-2:  var(--uxa-orange);
		--palette-accent-3:  var(--uxa-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 — readable dark red */
		--link:       var(--uxa-red-ink);
		--link-hover: color-mix(in srgb, var(--uxa-red-ink), black 15%);

		/* Hero: warm gradient with white logo + text */
		--page-header-bg:     var(--brand-gradient);
		--page-header-fg:     var(--neutral-pure-white);
		--page-header-accent: var(--uxa-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: #fbf2ea;
	}
}