:root {
    --primary: #3B82F6;
    --secondary: #1E40AF;
    --accent: #60A5FA;
    --gradient: linear-gradient(135deg, #3B82F6, #1E40AF);
}

.header {
    background: var(--gradient);
}

.hero {
    background: var(--gradient);
}

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

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

.section-title::after {
    background: var(--primary);
}

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

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

.btn-learn-more:hover {
    background: var(--accent);
}

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

.btn-cta:hover {
    background: var(--accent);
    color: white;
}

.footer-col h4 {
    color: var(--primary);
}

.btn-view-full,
.btn-verify,
.btn-source {
    background: var(--primary);
}

.btn-view-full:hover,
.btn-verify:hover,
.btn-source:hover {
    background: var(--accent);
}

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

.btn-submit:hover {
    background: var(--accent);
}

.timeline::before {
    background: var(--primary);
}

.timeline-marker {
    background: var(--primary);
}

.timeline-content h3 {
    color: var(--primary);
}

.notice-content {
    border-left: 4px solid var(--primary);
}

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

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

.notice-list li::before {
    color: var(--primary);
}