/**
 * AIContestList Studio — the site header on the plugin's Immersive Dark pages
 * (/studio/, /studio/account/, the Gallery).
 *
 * The theme keeps its dark tokens under [data-theme="dark"], and the plugin's
 * templates put that attribute on <main>. The header sits outside <main>, so it kept
 * reading the light tokens: on the dark page the logo wordmark, the current nav item
 * (AI Studio), the credits number and the Sign in icon were drawn in --acl-ink
 * (#101114) on #08090B — there, but invisible. "Home", "Search" and "free credits"
 * only stayed readable because the light --text-secondary happens to be a mid grey.
 *
 * This hands the header the same dark token set (mirrors tokens.css / tokens-fallback.css)
 * without touching its background, so the transparent header stays transparent.
 * AccountBar::mark_dark() adds data-aicl-surface="dark" to the <header>; the class
 * selectors are the fallback for a header printed without it. Nothing here changes a
 * header that the theme already renders dark: the values are the same.
 */
body.aicl-studio-page [data-aicl-surface="dark"],
body.aicl-gallery-page [data-aicl-surface="dark"],
body.aicl-studio-page .acl-header,
body.aicl-gallery-page .acl-header,
body.aicl-studio-page .site-header,
body.aicl-gallery-page .site-header {
	--bg-page: #08090B;
	--bg-surface: #111216;
	--bg-elevated: #1B1D23;
	--text-primary: #FFFFFF;
	--text-secondary: #A4A6AE;
	--text-tertiary: rgba(255, 255, 255, .52);
	--text-link: #9F96FF;
	--border-default: #25272D;
	--border-strong: rgba(255, 255, 255, .16);
	--interactive-primary: #6C5CE7;
	--interactive-hover: #5A49D6;
	--interactive-pressed: #4D3FC2;
	--interactive-soft: rgba(108, 92, 231, .15);
	--interactive-soft-text: #9F96FF;
	--focus-ring: rgba(159, 150, 255, .45);
	--focus-outline: #9F96FF;
	color-scheme: dark;
}
/* The header's own text follows the tokens too (the theme's element rules read them). */
body.aicl-studio-page [data-aicl-surface="dark"],
body.aicl-gallery-page [data-aicl-surface="dark"],
body.aicl-studio-page .acl-header,
body.aicl-gallery-page .acl-header { color: var(--text-primary); }