/* Branding för mastodon.christiankarlsson.xyz
 * Färgschema hämtat från wp-oppenframtid (assets/css/base.css).
 * Sätts via Setting.custom_css (adminpanelens "Anpassad CSS"), serveras
 * av Mastodon på /custom.css och laddas på varje sida. Ingen ombyggnad
 * av Docker-imagen krävs eftersom Mastodons kompilerade tema exponerar
 * dessa som CSS-variabler under [data-color-scheme=light|dark].
 */

[data-color-scheme="light"] {
	--color-bg-primary: #ffffff;
	--color-bg-secondary: #f8f8f8;
	--color-bg-tertiary: #eeeeee;
	--color-border-primary: #e5e5e5;
	--color-text-primary: #1a1a1a;
	--color-text-secondary: #6b7280;

	--color-text-brand: #3498db;
	--color-border-brand: #3498db;
	--color-bg-brand-base: #3498db;
	--color-bg-brand-base-hover: color-mix(in srgb, #3498db 85%, black);
	--color-bg-brand-soft: color-mix(in srgb, #3498db 20%, #ffffff);
	--color-bg-brand-softest: color-mix(in srgb, #3498db 10%, #ffffff);
}

[data-color-scheme="dark"],
[data-color-scheme="auto"],
html:not([data-color-scheme]) {
	/* "auto" är besökarens ogjorda val (inget sparat konto-val ännu) —
	   inkluderas här medvetet så mörkt blir standard oavsett OS-inställning,
	   istället för att följa systemets prefers-color-scheme. */
	--color-bg-primary: #0f1117;
	--color-bg-secondary: #1a1d27;
	--color-bg-tertiary: #232634;
	--color-border-primary: #2a2d3a;
	--color-text-primary: #e8eaf0;
	--color-text-secondary: #9399a8;

	--color-text-brand: #5ba3e8;
	--color-border-brand: #5ba3e8;
	--color-bg-brand-base: #5ba3e8;
	--color-bg-brand-base-hover: color-mix(in srgb, #5ba3e8 85%, white);
	--color-bg-brand-soft: color-mix(in srgb, #5ba3e8 20%, #0f1117);
	--color-bg-brand-softest: color-mix(in srgb, #5ba3e8 10%, #0f1117);
}