:root {
    --primary-red: #E32E37;
    --primary-red-dark: #B22222;
    --primary-red-light: #F8D7DA;
    --white: #FFFFFF;
    --light-gray: #F5F5F5;
    --medium-gray: #E0E0E0;
    --dark-gray: #333333;
    --text-gray: #666666;
    --black: #000000;
}

.text-primary { color: var(--primary-red); }
.bg-primary { background-color: var(--primary-red); }
.bg-primary-light { background-color: var(--primary-red-light); }
.border-primary { border-color: var(--primary-red); }

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

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

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

.btn-staff {
    background-color: var(--dark-gray);
    color: var(--white);
}

.btn-apply {
    background-color: var(--primary-red);
    color: var(--white);
    border: 2px solid var(--white);
}

.btn-apply:hover {
    background-color: var(--white);
    color: var(--primary-red);
    border: 2px solid var(--primary-red);
}

a:hover {
    color: var(--primary-red);
}

.school-level-badge {
    background-color: var(--primary-red);
    color: var(--white);
}