/* School-Specific CSS for School ID: 1 */
/* Generated: 2025-10-12 21:55:28 */

:root {
    --primary: #C90C0F;
    --secondary: #FAB719;
    --accent: #FFFFFF;
    --text: #1D1D1B;
    --primary-transparent: rgba(201, 12, 15, 0.1);
    --secondary-transparent: rgba(250, 183, 25, 0.1);
    --heading-font: 'DINCondensedBold', sans-serif;
    --body-font: 'Rockwell', serif;
    --math-font: 'STIXTwoMath', serif;
}

/* Primary color applications */
.btn-primary,
.button-primary,
input[type="submit"],
.nav-item.active,
.dashboard-card .card-header,
.hero-section,
.banner-primary {
    background-color: var(--primary) !important;
    color: white !important;
}

.btn-primary:hover,
.button-primary:hover,
input[type="submit"]:hover {
    background-color: #b40a0d !important;
    color: white !important;
}

/* Ensure all button text is white regardless of school */
button,
.btn,
.download-link,
.action-btn,
a.btn {
    color: white !important;
}

button:hover,
.btn:hover,
.download-link:hover,
.action-btn:hover,
a.btn:hover {
    color: white !important;
}

/* Secondary color applications */
.btn-secondary,
.button-secondary,
.sidebar,
.nav-secondary {
    background-color: var(--secondary) !important;
    color: var(--accent) !important;
}

/* Text color applications */
body,
p,
div,
span,
.text-primary {
    color: var(--text) !important;
}

/* Heading styles */
h1, h2, h3, h4, h5, h6,
.heading,
.title {
    font-family: var(--heading-font) !important;
    color: var(--text) !important;
}

/* Body text */
body,
p,
.content,
.description {
    font-family: var(--body-font) !important;
}

/* Mathematics content */
.math-content,
.math-equation,
.math-formula {
    font-family: var(--math-font) !important;
}

/* Border colors */
.border-primary,
.card-primary,
.dashboard-card {
    border-color: var(--primary) !important;
}

/* Link colors */
a,
.link {
    color: var(--primary) !important;
}

a:hover,
.link:hover {
    color: #a0090c !important;
}

/* Form elements */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary) !important;
    box-shadow: 0 0 0 2px rgba(201, 12, 15, 0.2) !important;
}

/* Navigation */
.navbar,
.nav-menu {
    background-color: var(--accent) !important;
    border-bottom: 3px solid var(--primary) !important;
}

.nav-item:hover {
    background-color: #ce2427 !important;
    color: var(--accent) !important;
}

/* Dashboard specific */
.dashboard-title {
    color: var(--primary) !important;
}

.dashboard-card .card-title {
    color: var(--accent) !important;
}

/* Status indicators */
.status-active,
.badge-success {
    background-color: #d33c3f !important;
    color: var(--text) !important;
}

.status-warning,
.badge-warning {
    background-color: #fbc547 !important;
    color: var(--text) !important;
}

/* Footer - Black background for all schools */
.footer,
.site-footer {
    background-color: #000000 !important;
    color: white !important;
}

/* School switcher specific */
.school-option.current {
    border-color: var(--primary) !important;
    background-color: #cb181b !important;
}

/* Admin specific */
.admin-title {
    color: var(--primary) !important;
}

.admin-card {
    border-color: var(--primary) !important;
}

.admin-card .card-header {
    background-color: var(--primary) !important;
    color: var(--accent) !important;
}

/* Delete buttons and warnings */
.delete-btn {
    color: var(--primary) !important;
}

.delete-btn:hover {
    background: var(--primary-transparent) !important;
    color: var(--primary) !important;
}

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

.warning-text {
    color: var(--primary) !important;
}

/* Override any existing color definitions */
* {
    --color-primary: var(--primary) !important;
    --color-secondary: var(--secondary) !important;
    --color-accent: var(--accent) !important;
    --color-text: var(--text) !important;
}

