/*
 * CMU attendance — edit these variables to rebrand (colors + font).
 * Same idea as demo-eidt/public/branding/branding.css
 */
:root {
    /* Typography — Inter matches FAQ / marketing headings */
    --brand-font-family: 'Inter', 'Segoe UI', system-ui, sans-serif;

    /* Page */
    --brand-page-bg: #f5f7fa;

    /* Navigation */
    --brand-nav-link: #900000;
    --brand-nav-link-hover: #fab30b;
    --brand-nav-dropdown-hover-bg: #fab30b;
    --brand-nav-dropdown-hover-text: #ffffff;

    /* Logout / primary chrome buttons */
    --brand-logout-bg: #900000;
    --brand-logout-text: #ffffff;
    --brand-logout-hover-bg: #fab30b;
    --brand-logout-hover-text: #ffffff;

    /* Data page card title bar (Registered Students / Employees) */
    --brand-card-header-bg: #900000;
    --brand-card-header-text: #ffffff;

    /* Tables */
    --brand-table-header-bg: #900000;
    --brand-table-header-text: #ffffff;

    /* Primary actions (filter, add, submit) */
    --brand-button-bg: #900000;
    --brand-button-text: #ffffff;
    --brand-button-hover-bg: #fab30b;
    --brand-button-hover-text: #ffffff;

    /* Secondary / warning */
    --brand-warning-bg: #900000;
    --brand-warning-text: #ffffff;

    /* Footer */
    --brand-footer-bg: #900000;

    /* Bootstrap hooks */
    --bs-primary: var(--brand-button-bg);
    --bs-primary-rgb: 31, 122, 31;
}