/* DWU Alumni — brand tokens from chapter logo */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Source+Sans+3:wght@400;600;700&display=swap');

:root {
    /* Logo greens */
    --dwu-green: #005c30;
    --dwu-green-dark: #004225;
    --dwu-green-light: #006633;
    --dwu-green-muted: #1a7a4a;

    /* Logo gold / orange */
    --dwu-gold: #f7a81b;
    --dwu-gold-dark: #d9900f;
    --dwu-gold-light: #ffb81c;

    /* Neutrals */
    --dwu-white: #ffffff;
    --dwu-off-white: #e8f2ec;
    --dwu-cream: #f0f7f3;
    --dwu-surface: #edf5f0;
    --dwu-card: #f8fcfa;
    --dwu-panel: #e2ece6;
    --dwu-text: #1a2e24;
    --dwu-muted: #5a6b63;
    --dwu-border: #b8cfc0;

    /* Aliases used across existing CSS */
    --green: var(--dwu-green);
    --green-dark: var(--dwu-green-dark);
    --green-light: var(--dwu-green-light);
    --gold: var(--dwu-gold);
    --gold-dark: var(--dwu-gold-dark);
    --navy: var(--dwu-green-dark);
    --text: var(--dwu-text);
    --muted: var(--dwu-muted);
    --bg: var(--dwu-off-white);
    --surface: var(--dwu-surface);
    --card: var(--dwu-card);
    --panel: var(--dwu-panel);
    --white: var(--dwu-white);

    --font-heading: 'Montserrat', 'Segoe UI', sans-serif;
    --font-body: 'Source Sans 3', 'Segoe UI', sans-serif;

    --shadow-sm: 0 2px 8px rgba(0, 92, 48, 0.08);
    --shadow-md: 0 4px 16px rgba(0, 92, 48, 0.12);
    --radius: 8px;
}

body {
    background: linear-gradient(165deg, var(--dwu-off-white) 0%, var(--dwu-cream) 48%, #dfece4 100%);
    background-attachment: fixed;
    color: var(--dwu-text);
}

.card,
.auth-card,
.moodle-block,
.news-card,
.explore-card,
.event-preview-card,
.member-page-toolbar,
.intro-section,
.news-preview-section,
.events-preview-section,
.explore-section,
.gallery-section,
.alt-bg,
.page-content,
.profile-container {
    background-color: var(--card);
}

.section.alt-bg,
.moodle-hub-section,
.quick-links-bar {
    background-color: var(--surface);
}
