/**
 * Theme Name:  24 Lifestyle & Performance
 * Template:    hmpr
 * Author:      Studio Finesse
 * Author URI:  https://studiofinesse.co.uk
 * Theme URI:   https://studiofinesse.co.uk
 * Update URI:  https://studiofinesse.co.uk
 *
 *
 * Version: 1.0
 */

:root {
	--header-logo-height: 2rem;
}

@media (min-width: 900px) {
	:root {
		--header-logo-height: 2.5rem;
	}
}

:root,
[data-theme="base"] {
	--clr-brand-primary-50:  #EFFAFF;
	--clr-brand-primary-100: #D8F4FE;
	--clr-brand-primary-200: #ABE6FE;
	--clr-brand-primary-300: #7ED9FD;
	--clr-brand-primary-400: #50CBFD;
	--clr-brand-primary-500: #03A4E4;
	--clr-brand-primary-600: #03A4E4;
	--clr-brand-primary-700: #027CAC;
	--clr-brand-primary-800: #025475;
	--clr-brand-primary-900: #012C3E;
	--clr-brand-primary-950: #001822;

	--clr-brand-primary: var(--clr-brand-primary-600);
	--clr-brand-secondary: var(--clr-brand-primary-950);

	--clr-text-highlight: var(--clr-brand-secondary);
	--clr-headings: var(--clr-brand-primary);
	--clr-text-accent: var(--clr-brand-primary);
	--button-bg: var(--clr-brand-primary);
	--button-color: var(--clr-neutral-900);
	--clr-button-surface: var(--clr-brand-primary);
	--clr-button-text: var(--clr-neutral-900);
}
	
[data-theme="brand"] {
    --clr-surface: var(--clr-brand-primary);
    --clr-surface-tint: var(--clr-brand-primary-600);
    --clr-text: var(--clr-brand-primary-900);
    --clr-text-headings: var(--clr-neutral-950);
    --clr-text-accent: var(--clr-neutral-950);
    --clr-text-highlight: var(--clr-neutral-950);
    --clr-borders: var(--clr-brand-primary-700);
	--clr-button-surface: var(--clr-neutral-900);
	--clr-button-text: var(--clr-brand-primary);
}

[data-theme="invert"],
[data-theme="shade"] {
	--clr-button-surface: var(--clr-brand-primary);
	--clr-button-text: var(--clr-neutral-900);
}