/*
 * Default skin palette — the only place to tune the site theme colors.
 *
 * This file overrides the --site-theme-* tokens declared in tokens.css.
 * To re-skin the site: duplicate this file (e.g. palette-dark.css) and
 * change the values below, then swap the <link> in inc/header.php.
 *
 * Do NOT add selectors other than :root here. Component rules belong in
 * assets/css/style.css.
 */

:root {
	--site-theme-action-primary: var(--site-color-blue-500);
	--site-theme-action-primary-hover: var(--site-color-blue-600);
	--site-theme-action-primary-active: var(--site-color-blue-800);
	--site-theme-brand-dark: var(--site-color-navy-700);
	--site-theme-pagination: var(--site-color-slate-700);
	--site-theme-footer-bg: var(--site-color-black);
	--site-theme-footer-title: var(--site-color-white);
	--site-theme-footer-link: var(--site-color-white);
	--site-theme-footer-link-hover: var(--site-color-white);
	--site-theme-footer-brand-copy: var(--site-color-white);
	--site-theme-footer-social: var(--site-color-white);
	--site-theme-footer-social-hover-bg: rgb(255 255 255 / 0.14);
	--site-theme-footer-meta: var(--site-color-white);
	--site-theme-footer-focus-ring: rgb(255 255 255 / 0.58);
}