/*
 * DMOM site-wide Genesis/Monochrome colour integration.
 * Deliberately limited to visual colour/focus treatment so normal theme layout,
 * typography and blog behaviour remain controlled by WordPress/Genesis.
 */
:root{
    --dmom-site-ink:#202326;
    --dmom-site-muted:#5f646b;
    --dmom-site-accent:#2f4a45;
    --dmom-site-accent-dark:#263e3a;
    --dmom-site-sage:#9eb0aa;
    --dmom-site-pale:#edf3f0;
    --dmom-site-footer-link:#ffffff;
    --dmom-site-footer-hover:#dbe9e3;
}

/* Ordinary front-end links, including blog copy, widgets and archives. */
body a{
    color:var(--dmom-site-accent);
}
body a:hover,
body a:focus{
    color:var(--dmom-site-accent-dark);
}

/* Keep article titles primarily ink-coloured; green appears on interaction. */
.entry-title a,
.widget-title a{
    color:var(--dmom-site-ink);
}
.entry-title a:hover,
.entry-title a:focus,
.widget-title a:hover,
.widget-title a:focus{
    color:var(--dmom-site-accent);
}

/* Header/navigation: neutral at rest, DMOM green for hover/current state. */
.site-header a,
.site-header .genesis-nav-menu a,
.site-header .menu a{
    color:var(--dmom-site-ink);
}
.site-header a:hover,
.site-header a:focus,
.site-header .genesis-nav-menu a:hover,
.site-header .genesis-nav-menu a:focus,
.site-header .menu a:hover,
.site-header .menu a:focus,
.site-header .genesis-nav-menu .current-menu-item > a,
.site-header .genesis-nav-menu .current_page_item > a,
.site-header .genesis-nav-menu .current-menu-ancestor > a,
.site-header .menu .current-menu-item > a,
.site-header .menu .current_page_item > a{
    color:var(--dmom-site-accent)!important;
}

/* Search/menu controls in Monochrome generally inherit currentColor. */
.site-header button,
.site-header .search-toggle,
.site-header .menu-toggle{
    color:var(--dmom-site-ink);
}
.site-header button:hover,
.site-header button:focus,
.site-header .search-toggle:hover,
.site-header .search-toggle:focus,
.site-header .menu-toggle:hover,
.site-header .menu-toggle:focus{
    color:var(--dmom-site-accent);
}

/* Post metadata/category links should be quieter than body links. */
.entry-meta a,
.entry-footer a,
.breadcrumb a{
    color:var(--dmom-site-accent);
}
.entry-meta a:hover,
.entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:focus,
.breadcrumb a:hover,
.breadcrumb a:focus{
    color:var(--dmom-site-accent-dark);
}

/* Theme-generated controls/buttons outside our custom DMOM button component. */
button:not(.menu-toggle):not(.search-toggle),
input[type="button"],
input[type="reset"],
input[type="submit"],
.button:not(.dmom-button){
    background-color:var(--dmom-site-accent);
    border-color:var(--dmom-site-accent);
    color:#fff;
}
button:not(.menu-toggle):not(.search-toggle):hover,
button:not(.menu-toggle):not(.search-toggle):focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.button:not(.dmom-button):hover,
.button:not(.dmom-button):focus{
    background-color:var(--dmom-site-accent-dark);
    border-color:var(--dmom-site-accent-dark);
    color:#fff;
}

/* Genesis archive pagination. */
.archive-pagination a{
    color:var(--dmom-site-accent);
}
.archive-pagination a:hover,
.archive-pagination a:focus,
.archive-pagination .active a{
    background:var(--dmom-site-accent);
    color:#fff;
}

/* Keep footer readable on Monochrome's dark background. */
.site-footer a,
.footer-widgets a{
    color:var(--dmom-site-footer-link);
}
.site-footer a:hover,
.site-footer a:focus,
.footer-widgets a:hover,
.footer-widgets a:focus{
    color:var(--dmom-site-footer-hover);
}

/* Accessible focus treatment in the same palette. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible{
    outline-color:var(--dmom-site-accent);
}

::selection{
    background:var(--dmom-site-pale);
    color:var(--dmom-site-ink);
}