/* Keti theme for Forgejo: forgejo-auto with the Keti brand palette.
 * Light mode uses #587082, a darker step of the brand #627C90 that keeps
 * 5.2:1 contrast on white. Dark mode uses the brand secondary #A7B8C5.
 * Generated scale: dark-N mixes toward the page ink, light-N toward the page
 * background, matching how Forgejo's own themes order their steps.
 */
@import "./theme-forgejo-auto.css";

:root {
	--color-primary: #587082;
	--color-primary-contrast: #ffffff;
	--color-primary-dark-1: #4f6575;
	--color-primary-dark-2: #465a68;
	--color-primary-dark-3: #3e4e5b;
	--color-primary-dark-4: #35434e;
	--color-primary-dark-5: #2c3841;
	--color-primary-dark-6: #232d34;
	--color-primary-dark-7: #1a2227;
	--color-primary-light-1: #6c8191;
	--color-primary-light-2: #8092a0;
	--color-primary-light-3: #94a3af;
	--color-primary-light-4: #a8b5be;
	--color-primary-light-5: #bcc6cd;
	--color-primary-light-6: #d0d7dc;
	--color-primary-light-7: #e4e8eb;
	--color-primary-alpha-10: #627c9019;
	--color-primary-alpha-20: #627c9033;
	--color-primary-alpha-30: #627c904b;
	--color-primary-alpha-40: #627c9066;
	--color-primary-alpha-50: #627c9080;
	--color-primary-alpha-60: #627c9099;
	--color-primary-alpha-70: #627c90b3;
	--color-primary-alpha-80: #627c90cc;
	--color-primary-alpha-90: #627c90e1;
	--color-primary-hover: var(--color-primary-dark-2);
	--color-primary-active: var(--color-primary-dark-4);
}

@media (prefers-color-scheme: dark) {
	:root {
		--color-primary: #a7b8c5;
		--color-primary-contrast: #000000;
		--color-primary-dark-1: #b0bfcb;
		--color-primary-dark-2: #b9c6d1;
		--color-primary-dark-3: #c1cdd6;
		--color-primary-dark-4: #cad4dc;
		--color-primary-dark-5: #d3dce2;
		--color-primary-dark-6: #dce3e8;
		--color-primary-dark-7: #e5eaee;
		--color-primary-light-1: #96a6b2;
		--color-primary-light-2: #86949f;
		--color-primary-light-3: #75818c;
		--color-primary-light-4: #656f79;
		--color-primary-light-5: #545d66;
		--color-primary-light-6: #444b53;
		--color-primary-light-7: #33383f;
		--color-primary-alpha-10: #a7b8c519;
		--color-primary-alpha-20: #a7b8c533;
		--color-primary-alpha-30: #a7b8c54b;
		--color-primary-alpha-40: #a7b8c566;
		--color-primary-alpha-50: #a7b8c580;
		--color-primary-alpha-60: #a7b8c599;
		--color-primary-alpha-70: #a7b8c5b3;
		--color-primary-alpha-80: #a7b8c5cc;
		--color-primary-alpha-90: #a7b8c5e1;
		--color-primary-hover: var(--color-primary-light-1);
		--color-primary-active: var(--color-primary-light-2);
	}
}