:root {

	color-scheme: light dark;

	--sc-navy:          #193344;
	--sc-teal:          #00c2ae;
	--sc-teal-deep:     #009e8f;
	--sc-teal-text:     #00786d;
	--sc-teal-hover:    #00786d;

	--sc-coral:         #ff6863;
	--sc-coral-text:    #b53531;
	--sc-amber:         #ffa902;
	--sc-amber-text:    #d98e00;

	--sc-ink:           #193344;
	--sc-ink-secondary: #52616e;
	--sc-muted:         #5a6b78;
	--sc-plane:         #eef2f3;
	--sc-surface:       #ffffff;
	--sc-hairline:      rgba(25, 51, 68, 0.12);

	--sc-positive:      #00786d;
	--sc-negative:      #b53531;
	--sc-attention:     #d98e00;
	--sc-attention-deep: #8a5a00;

	--sc-font-sans: 'Montserrat', 'Avenir Next', 'Helvetica Neue', system-ui, -apple-system, sans-serif;

	--sc-text-xs:   0.75rem;
	--sc-text-sm:   0.875rem;
	--sc-text-base: 1rem;
	--sc-text-lg:   1.125rem;
	--sc-text-xl:   1.375rem;
	--sc-text-2xl:  1.75rem;
	--sc-text-3xl:  2.25rem;
	--sc-text-4xl:  3rem;

	--sc-leading-tight: 1.2;
	--sc-leading-body:  1.6;

	--sc-space-1: 0.25rem;
	--sc-space-2: 0.5rem;
	--sc-space-3: 0.75rem;
	--sc-space-4: 1rem;
	--sc-space-5: 1.5rem;
	--sc-space-6: 2rem;
	--sc-space-7: 3rem;
	--sc-space-8: 4rem;

	--sc-radius:    6px;
	--sc-radius-lg: 12px;
	--sc-shadow:    0 1px 3px rgba(25, 51, 68, 0.08);
	--sc-content-max: 1200px;

	--sc-focus-ring: var(--sc-navy);

	--accent: var(--sc-teal-text);

	--sc-header-h: 100px;

	--sc-admin-bar-h: 0px;
}

@media (min-width: 1100px) {
	:root {
		--sc-header-h: 112px;
	}
}

:root {
	--sc-hero-media-h: 68vh;
	--sc-hero-text-min: 389px;
}

@media (min-width: 900px) {
	:root {
		--sc-hero-media-h: 76vh;
		--sc-hero-text-min: 395px;
	}
}

.admin-bar {
	--sc-admin-bar-h: 32px;
}

@media (max-width: 782px) {
	.admin-bar {
		--sc-admin-bar-h: 46px;
	}
}

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		color-scheme: dark;

		--sc-plane:         #0e1a23;
		--sc-surface:       #182b38;
		--sc-ink:           #e9f0f4;
		--sc-ink-secondary: #a9bac6;
		--sc-muted:         #7e93a2;
		--sc-hairline:      rgba(233, 240, 244, 0.15);
		--sc-shadow:        0 1px 3px rgba(0, 0, 0, 0.35);

		--sc-teal-deep:      #3ad4c2;
		--sc-teal-text:      #3ad4c2;
		--sc-coral-text:     #ff938e;
		--sc-amber-text:     #ffc14d;

		--sc-positive:       #3ad4c2;
		--sc-negative:       #ff938e;
		--sc-attention:      #ffc14d;
		--sc-attention-deep: #ffc14d;

		--base:    #0e1a23;
		--base-2:  #0e1a23;
		--base-3:  #182b38;
		--contrast:   #e9f0f4;
		--contrast-2: #a9bac6;
		--contrast-3: #7e93a2;

		--sc-focus-ring: #e9f0f4;
		--accent: #3ad4c2;
	}
}

:root[data-theme="dark"] {
	color-scheme: dark;

	--sc-plane:         #0e1a23;
	--sc-surface:       #182b38;
	--sc-ink:           #e9f0f4;
	--sc-ink-secondary: #a9bac6;
	--sc-muted:         #7e93a2;
	--sc-hairline:      rgba(233, 240, 244, 0.15);
	--sc-shadow:        0 1px 3px rgba(0, 0, 0, 0.35);

	--sc-teal-deep:      #3ad4c2;
	--sc-teal-text:      #3ad4c2;
	--sc-coral-text:     #ff938e;
	--sc-amber-text:     #ffc14d;

	--sc-positive:       #3ad4c2;
	--sc-negative:       #ff938e;
	--sc-attention:      #ffc14d;
	--sc-attention-deep: #ffc14d;

	--base:    #0e1a23;
	--base-2:  #0e1a23;
	--base-3:  #182b38;
	--contrast:   #e9f0f4;
	--contrast-2: #a9bac6;
	--contrast-3: #7e93a2;

	--sc-focus-ring: #e9f0f4;
	--accent: #3ad4c2;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

:root[data-theme="light"] {
	color-scheme: light;
}