:root {
    /**
     * JuggleBoard Brand Colors
     * Extracted from website/web/styles.css
     */
    --md-primary-fg-color: #4caf50; /* Primary Green */
    --md-primary-fg-color--light: #e8f5e9; /* Light Green */
    --md-primary-fg-color--dark: #2e7d32; /* Dark Green */

    /* Accent color matching primary for consistency or specific highlights */
    --md-accent-fg-color: #4caf50;
}

/* Custom adjustments to match website feel */
.md-header {
    background-color: var(
        --md-primary-fg-color--dark
    ); /* Darker header like many material apps, or match main site if needed */
}

/* Ensure links use the brand color */
a {
    color: var(--md-primary-fg-color--dark);
}

a:hover {
    color: var(--md-primary-fg-color);
}