.btn,
.btn-patient-login,
.feature-card h3,
.feature-card p,
.hero h1,
.hero-description,
.navbar-nav .nav-item .nav-link,
.services-nav .sub-menu li a,
.services-nav-container h2,
.services-nav>li>a,
a,
body,
button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
p,
span,
textarea {
	font-family: var(--font-primary) !important
}

.step h2,
body {
	color: var(--color-text)
}

.calendar-days {
	grid-template-columns: repeat(7, 1fr)
}

.calendar-day[title],
.calendar-days {
	position: relative
}

.calendar-day,
.consent-actions,
.error-message,
.no-slots-message,
.popup-content,
.security-badge,
.step h2,
.step-label,
.time-slot {
	text-align: center
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-Thin.otf') format('opentype');
	font-weight: 100;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-ExtraLight.otf') format('opentype');
	font-weight: 200;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-Light.otf') format('opentype');
	font-weight: 300;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-SemiBold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-ExtraBold.otf') format('opentype');
	font-weight: 800;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-Heavy.otf') format('opentype');
	font-weight: 900;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-Black.otf') format('opentype');
	font-weight: 950;
	font-style: normal;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton Heavy Italic.otf') format('opentype');
	font-weight: 900;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-LightitalicCaps.otf') format('opentype');
	font-weight: 300;
	font-style: italic;
	font-display: swap
}

@font-face {
	font-family: 'Panton';
	src: url('../../assets/fonts/Panton/WEB/Panton-BlackCaps.otf') format('opentype');
	font-weight: 950;
	font-style: normal;
	font-variant: small-caps;
	font-display: swap
}

:root {
	--hcmd-navy: #2A2F6F;
	--hcmd-orange: #EFB030;
	--hcmd-sky: #B8E0E3;
	--hcmd-blue: #40A6C2;
	--hcmd-green: #B4D569;
	--hcmd-neutral: #C4BFBA;
	--color-text: #333333;
	--color-background: #FFFFFF;
	--color-border: var(--hcmd-neutral);
	--color-link: var(--hcmd-blue);
	--color-link-hover: var(--hcmd-navy);
	--color-success: var(--hcmd-green);
	--color-error: #FF4444;
	--color-warning: var(--hcmd-orange);
	--color-white: #ffffff;
	--color-overlay: rgba(26, 26, 26, 0.4);
	--font-primary: 'Panton', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--font-secondary: 'Panton', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	--font-weight-light: 300;
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--primary-color: #4A90E2;
	--primary-dark: #357ABD;
	--primary-light: #EBF3FC;
	--success-color: #7aad75;
	--success-dark: #5C8A58;
	--error-color: #dc3545;
	--text-primary: #2C3E50;
	--text-secondary: #6B7C93;
	--border-color: #E1E8ED;
	--shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.07);
	--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
	--transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
	--transition-smooth: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	--font-weight-normal: 400;
	--font-weight-medium: 500;
	--font-weight-bold: 600
}

body {
	min-height: 100vh;
	font-weight: var(--font-weight-regular) !important
}


/* Utility Classes */
.bg-primary { background-color: var(--primary-color); }
.bg-secondary { background-color: var(--secondary-color); }
.bg-accent { background-color: var(--accent-color); }
.bg-white { background-color: var(--background-white); }
.bg-light { background-color: var(--background-light); }
.bg-lighter { background-color: var(--background-lighter); }

.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-tertiary { color: var(--text-tertiary); }
.text-light { color: var(--text-light); }
.text-inverse { color: var(--text-inverse); }

.border-light { border-color: var(--border-light); }
.border-lighter { border-color: var(--border-lighter); }

.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.shadow-xl { box-shadow: var(--shadow-xl); }