:root {
    --primary-color: #2874BA;
    --primary-light: #E8F4FB;
    --text-dark: #333;
    --text-gray: #666;
    --border-gray: #e0e0e0;
    --bg-light: #f9f9f9;
}

/* Page visibility */
.page {
    display: none;
}

.page.active {
    display: block;
}

html {
    scroll-behavior: smooth;
}

/* Custom classes for colors */
.top-bar {
    background-color: var(--primary-color);
}

.logo-text {
    color: var(--primary-color);
}

.btn-primary {
    background-color: var(--primary-color);
}

.btn-primary:hover {
    background-color: #1f5a94;
}

.heading-primary {
    color: var(--primary-color);
}

.icon-bg {
    background-color: var(--primary-light);
}

.icon-square {
    background-color: var(--primary-color);
}

.border-left-primary {
    border-color: var(--primary-color);
}

.stats-section {
    background-color: var(--primary-color);
}

.stats-label {
    color: var(--primary-light);
}

.link-primary {
    color: var(--primary-color);
}

.link-primary:hover {
    color: #1f5a94;
}