:root {
    --aggie-maroon: #500000;
    --aggie-maroon-600: #3C0000; /* Accent dark (brand) */
    --aggie-accent: #732F2F;     /* Accent (brand) */
    --aggie-cream: #D6D3C4;      /* Neutral (brand) */
    --aggie-gray: #707070;       /* Neutral (brand) */
}

html, body {
    height: 100%;
}

body {
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%);
    color: #1f2328;
}

.aggie-navbar {
    background: linear-gradient(90deg, var(--aggie-maroon) 0%, var(--aggie-maroon-600) 100%);
    border-radius: .75rem;
}

.navbar-brand {
    font-weight: 700;
    letter-spacing: .5px;
}

.bg-aggie { background-color: var(--aggie-maroon) !important; }
.text-aggie { color: var(--aggie-maroon) !important; }

.btn-aggie {
    color: #fff;
    background-color: var(--aggie-maroon);
    border-color: var(--aggie-maroon);
}
.btn-aggie:hover, .btn-aggie:focus {
    color: #fff;
    background-color: var(--aggie-maroon-600);
    border-color: var(--aggie-maroon-600);
}

.aggie-card, .aggie-table-wrapper {
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 6px 20px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04);
}

.aggie-content-wrapper {
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 6px 20px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.04);
    padding: 2rem;
}

.aggie-separator {
    height: 2px;
    background: var(--aggie-maroon);
    margin: 1.5rem 0;
    border-radius: 1px;
}


.aggie-footer-image {
    width: 80px;
    height: 80px;
}

.table.aggie-table thead th {
    background: var(--aggie-maroon);
    color: #fff;
    border-color: var(--aggie-maroon);
}

.table.aggie-table tbody tr:hover {
    background: #fff6f6;
}

.badge-aggie {
    background-color: var(--aggie-maroon);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    padding: 0.5rem 0.75rem;
}

.progress {
    height: 1.25rem;
    background-color: #eee;
    border-radius: .75rem;
}
.progress .progress-bar.bg-aggie, .progress-aggie .progress-bar {
    background-color: var(--aggie-maroon);
}

.progress .progress-bar.bg-actual {
    background-color: var(--aggie-gray);
    color: #fff;
    font-weight: 600;
}

.aggie-section-title {
    font-weight: 700;
    letter-spacing: .3px;
}

.aggie-subtle {
    color: var(--aggie-gray);
}

.aggie-divider {
    height: 4px;
    width: 100%;
    background: linear-gradient(90deg, var(--aggie-maroon) 0%, var(--aggie-maroon-600) 100%);
    border-radius: 999px;
}

.aggie-footer {
    color: var(--aggie-gray);
}