/* ═══════════════════════════════════════════════
   FacultyHubPro Theme Variables
   Light / Dark / Auto theme support
   ═══════════════════════════════════════════════ */

:root, html[data-theme="light"] {
    /* Brand colors — CMU official red: #C41230 */
    --primary-color: #C41230;
    --cmu-red: #C41230;
    --cmu-red-hover: #8b0a20;
    --cmu-red-active: #6e0819;
    --secondary-color: #6d6e71;

    /* Typography */
    --font-base: 'Open Sans', Arial, Helvetica, sans-serif;

    /* Backgrounds */
    --bg-page: #fff;
    --bg-surface: #fafafa;
    --bg-surface-hover: #f8f9fa;
    --bg-masthead: var(--cmu-red);
    --bg-brand-bar: #333;
    --bg-footer: #2d2d2d;
    --bg-card: #fff;

    /* Text */
    --text-primary: #222;
    --text-secondary: #555;
    --text-muted: #666;
    --text-on-dark: #fff;
    --text-on-brand: #fff;

    /* Components */
    --card-bg: #fff;

    /* Borders & Misc */
    --border-color: #e5e5e5;
    --border-light: #eee;
    --border-medium: #dee2e6;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
    --radius: 6px;

    /* Links */
    --link-color: var(--cmu-red);
    --link-hover-color: var(--cmu-red-hover);

    /* Focus */
    --focus-ring-color: var(--cmu-red);

    /* Status badges */
    --badge-active: #28a745;
    --badge-completed: #6c757d;
    --badge-planned: #ffc107;
    --badge-current: #007bff;

    /* Accent red: icons / text on surface backgrounds (CMU red in light mode) */
    --accent-red: #C41230;

    /* Dark-bar elements (masthead/contact/footer — always dark bg) */
    --bg-dark-bar: #000;
    --bg-dark-bar-hover: #222;
    --bg-dropdown: #111;
    --bg-dropdown-hover: #222;
    --text-on-dark-muted: #ccc;
    --border-on-dark: #555;
    --link-on-dark: #f2717f;
    --link-on-dark-hover: #ff8a9a;

    /* Badge type colors */
    --badge-type-journal: #2196F3;
    --badge-type-conference: #FF9800;
    --badge-type-book: #9C27B0;
    --badge-type-working: #607D8B;
    --badge-type-chapter: #795548;
    --badge-type-preprint: #3F51B5;
    --badge-type-thesis: #455A64;
    --badge-text-on-light: #333;

    /* Alert overrides */
    --alert-danger-bg: #f8d7da;
    --alert-danger-text: #842029;
    --alert-danger-border: #f5c2c7;
}

html[data-theme="dark"] {
    --bg-page: #1a1a1a;
    --bg-surface: #242424;
    --bg-surface-hover: #2e2e2e;
    --bg-card: #2a2a2a;
    --card-bg: #2a2a2a;
    --bg-brand-bar: #1e1e1e;
    --bg-footer: #111;

    --text-primary: #e0e0e0;
    --text-secondary: #aaa;
    --text-muted: #999;

    --border-color: #3a3a3a;
    --border-light: #333;
    --border-medium: #444;
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.4);

    --link-color: #f2717f;
    --link-hover-color: #ff8a9a;
    --focus-ring-color: #f2717f;

    --bg-masthead: #8b0a20;

    /* Accent red: softer for dark backgrounds */
    --accent-red: #d94452;

    /* Dark-bar elements — stay dark in dark mode */
    --bg-dark-bar: #000;
    --bg-dark-bar-hover: #222;
    --bg-dropdown: #111;
    --bg-dropdown-hover: #222;
    --text-on-dark-muted: #ccc;
    --border-on-dark: #555;

    /* Badge type colors — softer in dark mode */
    --badge-type-journal: #64b5f6;
    --badge-type-conference: #ffb74d;
    --badge-type-book: #ce93d8;
    --badge-type-working: #90a4ae;
    --badge-type-chapter: #a1887f;
    --badge-type-preprint: #7986cb;
    --badge-type-thesis: #78909c;
    --badge-text-on-light: #e0e0e0;

    /* Alert overrides */
    --alert-danger-bg: #2c1215;
    --alert-danger-text: #f8d7da;
    --alert-danger-border: #842029;
}

@media (prefers-color-scheme: dark) {
    html:not([data-theme="light"]):not([data-theme="dark"]) {
        --bg-page: #1a1a1a;
        --bg-surface: #242424;
        --bg-surface-hover: #2e2e2e;
        --bg-card: #2a2a2a;
        --card-bg: #2a2a2a;
        --bg-brand-bar: #1e1e1e;
        --bg-footer: #111;
        --text-primary: #e0e0e0;
        --text-secondary: #aaa;
        --text-muted: #999;
        --border-color: #3a3a3a;
        --border-light: #333;
        --border-medium: #444;
        --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
        --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
        --link-color: #f2717f;
        --link-hover-color: #ff8a9a;
        --focus-ring-color: #f2717f;
        --bg-masthead: #8b0a20;
        --accent-red: #d94452;

        /* Dark-bar elements */
        --bg-dark-bar: #000;
        --bg-dark-bar-hover: #222;
        --bg-dropdown: #111;
        --bg-dropdown-hover: #222;
        --text-on-dark-muted: #ccc;
        --border-on-dark: #555;

        /* Badge type colors — softer */
        --badge-type-journal: #64b5f6;
        --badge-type-conference: #ffb74d;
        --badge-type-book: #ce93d8;
        --badge-type-working: #90a4ae;
        --badge-type-chapter: #a1887f;
        --badge-type-preprint: #7986cb;
        --badge-type-thesis: #78909c;
        --badge-text-on-light: #e0e0e0;

        /* Alert overrides */
        --alert-danger-bg: #2c1215;
        --alert-danger-text: #f8d7da;
        --alert-danger-border: #842029;
    }
}