/* Project palette: edit color values only here. */
:root {
    --site-yellow: #FFE044;
    --site-beige: #FFF9EF;
    --site-purple: #35205F;
    --site-purple-dark: #2B1A4C;
    --site-white: #FFF;
    --site-nav-bg: var(--site-purple);
    --site-nav-inner-bg: var(--site-purple-dark);
    --site-nav-color: var(--site-white);
    --nav-panel-bg: var(--site-white);
    --nav-panel-color: var(--site-purple);
    --site-footer-bg: var(--site-purple);
    --site-footer-color: var(--site-white);
    --site-footer-heading: var(--site-yellow);
    --site-contact-bg: var(--site-beige);
    --site-contact-color: var(--site-purple);
}
.bg-white { --site-primary-bg: var(--site-yellow); background-color: var(--site-white); color: var(--site-purple); }
.bg-beige { --site-primary-bg: var(--site-yellow); background-color: var(--site-beige); color: var(--site-purple); }
.bg-yellow { --site-primary-bg: var(--site-white); background-color: var(--site-yellow); color: var(--site-purple); }
.bg-purple { --site-primary-bg: var(--site-yellow); background-color: var(--site-purple); color: var(--site-white); }
.text-yellow { color: var(--site-yellow); }
.text-purple { color: var(--site-purple); }
.text-white { color: var(--site-white); }
.c-heading,.c-subtitle { color: inherit; }
.c-actions .button.appearance-primary { background-color: var(--site-primary-bg, var(--site-yellow)); color: var(--site-purple); }
.c-contact-entry__link { color: inherit; }

/* Surface color inherited by decorative media edges, including nested cards. */
:root { --site-surface-bg: var(--site-white); }
.bg-white { --site-surface-bg: var(--site-white); }
.bg-beige { --site-surface-bg: var(--site-beige); }
.bg-yellow { --site-surface-bg: var(--site-yellow); }
.bg-purple { --site-surface-bg: var(--site-purple); }