/* Epoarts — global green / white / yellow / black theme */

:root {
    --icg-green: #2d6a35;
    --icg-green-dark: #1e4d24;
    --icg-green-soft: #eef8ee;
    --icg-yellow: #f5c518;
    --icg-yellow-dark: #d4a80f;
    --icg-black: #0a0a0a;
    --icg-white: #ffffff;
    --icg-border: #c8e6c9;
    --icg-muted: #3d3d3d;

    --primary: var(--icg-green);
    --primary-dark: var(--icg-green-dark);
    --accent: var(--icg-yellow);
    --header-dark: var(--icg-white);
    --header-mid: var(--icg-green-soft);
    --bg: var(--icg-white);
    --card: var(--icg-white);
    --text: var(--icg-black);
    --muted: var(--icg-muted);
    --border: var(--icg-border);
}

body,
.mobile-shell {
    background: var(--icg-white);
    color: var(--icg-black);
}

/* Flash — header/nav styled in header.css */
.icg-theme .flash-strip {
    background: var(--icg-green-soft);
    color: var(--icg-green-dark);
    border-bottom: 1px solid var(--icg-border);
    font-weight: 600;
}

/* Footer — styled in footer.css */

/* Buttons */
.icg-theme .btn-primary,
.icg-theme .btn-primary-lg {
    background: var(--icg-green);
    color: #fff;
    border-color: var(--icg-green);
}

.icg-theme .btn-primary:hover,
.icg-theme .btn-primary-lg:hover {
    background: var(--icg-green-dark);
}

.icg-theme .btn-secondary,
.icg-theme .btn-secondary-lg {
    background: #fff;
    color: var(--icg-black);
    border: 1.5px solid var(--icg-border);
}

.icg-theme .btn-secondary:hover {
    border-color: var(--icg-green);
    color: var(--icg-green-dark);
}