:root {
	--qyvic-primary: #082032;
	--qyvic-secondary: #2C394B;
	--qyvic-surface-dark: #334756;
	--qyvic-accent: #FF4C29;
	--qyvic-accent-hover: #E63D1A;
	--qyvic-bg: #F6F8FA;
	--qyvic-surface: #ffffff;
	--qyvic-muted: #6B7280;
	--qyvic-border: rgba(8, 32, 50, 0.12);
	--qyvic-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--qyvic-heading-font: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, sans-serif;
}

body,
button,
input,
select,
textarea,
.alt-font,
.primary-font {
	font-family: var(--qyvic-font) !important;
}

body {
	color: var(--qyvic-muted);
}

:focus-visible {
	outline: 3px solid rgba(255, 76, 41, 0.8) !important;
	outline-offset: 3px;
}

a {
	color: var(--qyvic-accent);
}

a:hover {
	color: var(--qyvic-accent-hover);
}

::selection {
	background: var(--qyvic-accent);
	color: var(--qyvic-surface);
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6,
.text-dark-gray {
	color: var(--qyvic-primary) !important;
	font-family: var(--qyvic-heading-font) !important;
	letter-spacing: -0.02em;
}

.text-medium-gray {
	color: var(--qyvic-muted) !important;
}

.text-base-color,
.base-color,
.btn-link {
	color: var(--qyvic-accent) !important;
}

.bg-base-color,
.feature-box-overlay.bg-base-color {
	background-color: var(--qyvic-accent) !important;
}

.bg-dark-gray,
.bg-midnight-blue {
	background-color: var(--qyvic-primary) !important;
}

.btn-base-color,
.btn-gradient-purple-pink,
.btn-dark-gray {
	background: var(--qyvic-accent) !important;
	border-color: var(--qyvic-accent) !important;
	color: var(--qyvic-primary) !important;
	font-family: var(--qyvic-heading-font) !important;
	/* font-weight: 600 !important; */
}

.btn-base-color:hover,
.btn-gradient-purple-pink:hover,
.btn-dark-gray:hover {
	background: var(--qyvic-accent-hover) !important;
	border-color: var(--qyvic-accent-hover) !important;
}

.btn-transparent-white-light {
	border-color: rgba(255, 255, 255, 0.32) !important;
	color: var(--qyvic-surface) !important;
}