/*
 * PDWC provisional palette experiment.
 * Structure stays in the pdwc-newsroom parent theme; color decisions live here.
 */
:root {
  --pdwc-paper-cream: #fbf3d8;
  --pdwc-heritage-purple: #402687;
  --pdwc-civic-blue: #3661b6;
  --pdwc-sky-blue: #159cc8;
  --pdwc-pale-aqua: #a3d1d1;
  --pdwc-rally-orange: #d95325;
  --pdwc-ink-brown: #462118;
  --pdwc-pale-blue: color-mix(in srgb, var(--pdwc-sky-blue) 12%, var(--pdwc-paper-cream));
  --pdwc-pale-purple: color-mix(in srgb, var(--pdwc-heritage-purple) 10%, var(--pdwc-paper-cream));
}

html { background: var(--pdwc-ink-brown); }
body { color: var(--pdwc-ink-brown); background: var(--pdwc-paper-cream); }
a { color: var(--pdwc-civic-blue); }
a:hover { color: var(--pdwc-heritage-purple); }
strong, b { color: inherit; }

/* Masthead: user-created woodland photograph, scoped to this palette experiment. */
#header {
  background-image: url("../../images/michigan-woodland-sunlight.jpg");
  background-position: center 52%;
}
#header:before {
  background:
    linear-gradient(120deg, rgba(64, 38, 135, .72), rgba(54, 97, 182, .52)),
    url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
}
#logo h1,
#logo .site-title { color: var(--pdwc-paper-cream); }
#logo h1 a,
#logo .site-title a { color: inherit; }
#logo .custom-logo-link {
  display: block;
  width: min(72vw, 600px);
  margin: 0 auto;
  background: var(--pdwc-paper-cream);
  box-shadow: 0 .5rem 1.5rem rgba(70, 33, 24, .28);
}
#logo .custom-logo {
  display: block;
  width: 100%;
  height: auto;
}
#logo p { color: rgba(251, 243, 216, .78); }
@media screen and (min-width: 981px) {
  #nav > ul {
    background: rgba(251, 243, 216, .92);
    border: 1px solid rgba(70, 33, 24, .16);
    box-shadow: 0 .45rem 1.25rem rgba(70, 33, 24, .2);
    backdrop-filter: blur(4px);
  }
  #nav > ul > li > a,
  #nav > ul > li > span { color: var(--pdwc-ink-brown); }
  #nav > ul > li:hover > a,
  #nav > ul > li:focus-within > a,
  #nav > ul > li.current-menu-item > a,
  #nav > ul > li.current-menu-ancestor > a { color: var(--pdwc-heritage-purple); }
  #nav li > ul {
    color: var(--pdwc-ink-brown);
    background-color: rgba(251, 243, 216, .98);
    background-image: url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
    border: 1px solid rgba(70, 33, 24, .16);
    box-shadow: 0 .65rem 1.5rem rgba(70, 33, 24, .24);
  }
  #nav li > ul a { color: var(--pdwc-ink-brown); }
  #nav li > ul li:hover > a,
  #nav li > ul li:focus-within > a {
    color: var(--pdwc-heritage-purple);
    background: var(--pdwc-pale-purple);
  }
}
#header #nav.is-open {
  background-color: var(--pdwc-heritage-purple);
  background-image: url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
  border-right-color: var(--pdwc-civic-blue);
}
.menu-toggle {
  color: var(--pdwc-heritage-purple);
  background: color-mix(in srgb, var(--pdwc-paper-cream) 94%, transparent);
  border-color: color-mix(in srgb, var(--pdwc-heritage-purple) 24%, transparent);
}
.menu-toggle:hover,
.menu-toggle:focus { color: var(--pdwc-paper-cream); background: var(--pdwc-civic-blue); }
@media screen and (max-width: 980px) {
  #header #nav.is-open::before { color: var(--pdwc-paper-cream); border-color: rgba(251,243,216,.34); }
  #header #nav.is-open a { color: var(--pdwc-paper-cream); }
  #header #nav.is-open > ul > li > a { background: rgba(251,243,216,.09); }
  #header #nav.is-open ul ul { border-left-color: var(--pdwc-sky-blue); }
  #header #nav.is-open ul ul a { background: rgba(21,156,200,.1); }
  #header #nav.is-open li:hover > a,
  #header #nav.is-open li:focus-within > a,
  #header #nav.is-open li.current-menu-item > a,
  #header #nav.is-open li.current-menu-ancestor > a {
    color: var(--pdwc-heritage-purple);
    background: var(--pdwc-paper-cream);
    border-left-color: var(--pdwc-sky-blue);
  }
  body.menu-open::before { background: color-mix(in srgb, var(--pdwc-ink-brown) 68%, transparent); }
}

/* Primary section surfaces. */
.wrapper.style1 {
  color: rgba(251, 243, 216, .82);
  background-color: var(--pdwc-heritage-purple);
  background-image: url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
}
.wrapper.style1 .title {
  color: var(--pdwc-paper-cream);
  background-color: var(--pdwc-heritage-purple);
  background-image: url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
}
.wrapper.style1 h1,
.wrapper.style1 h2,
.wrapper.style1 h3,
.wrapper.style1 h4,
.wrapper.style1 h5,
.wrapper.style1 h6,
.wrapper.style1 strong,
.wrapper.style1 b,
.wrapper.style1 a { color: var(--pdwc-paper-cream); }

.wrapper.style2 { background: var(--pdwc-paper-cream); }
.wrapper.style2 .title { color: var(--pdwc-civic-blue); background: var(--pdwc-paper-cream); }
.wrapper.style3 {
  background-color: var(--pdwc-pale-blue);
  background-image: url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
}
.wrapper.style3 .title {
  color: var(--pdwc-ink-brown);
  background-color: var(--pdwc-pale-blue);
  background-image: url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
}
.wrapper.style3 .image { border-color: var(--pdwc-paper-cream); }

header.style1 h2,
header.style1 .pennant,
.feature-list h3 { color: var(--pdwc-civic-blue); }
header.style1 p { color: color-mix(in srgb, var(--pdwc-ink-brown) 72%, transparent); }
.feature-list h3:before { color: var(--pdwc-rally-orange); }
.feature-list .row { border-color: color-mix(in srgb, var(--pdwc-ink-brown) 16%, transparent); }
.pdwc-fact-grid section > h3:first-child::before { background: var(--pdwc-civic-blue); }
.pdwc-steps > * section > h3:first-child::before {
  color: var(--pdwc-paper-cream);
  background: var(--pdwc-rally-orange);
}

/* Buttons: orange is an accent; the darker hover improves legibility. */
input[type="button"],
input[type="submit"],
input[type="reset"],
button,
.button,
.wp-block-button.button > .wp-block-button__link {
  color: var(--pdwc-paper-cream);
  background-color: var(--pdwc-rally-orange);
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
button:hover,
.button:hover,
.wp-block-button.button > .wp-block-button__link:hover { background-color: #b83e18; }
.button.style1,
.wp-block-button.button.style1 > .wp-block-button__link {
  color: var(--pdwc-paper-cream);
  background-color: var(--pdwc-rally-orange);
  background-image: url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
}
.button.style1:hover,
.wp-block-button.button.style1 > .wp-block-button__link:hover { background-color: #b83e18; }
.wp-block-button.button.style2 > .wp-block-button__link {
  color: var(--pdwc-civic-blue);
  background: var(--pdwc-paper-cream);
  box-shadow: inset 0 0 0 2px var(--pdwc-civic-blue);
}
.wp-block-button.button.style3 > .wp-block-button__link {
  color: var(--pdwc-paper-cream);
  background-color: var(--pdwc-civic-blue);
  background-image: url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
}

/* Editorial cards and long-form content. */
.highlight .wp-block-post-title a { color: var(--pdwc-ink-brown); }
.entry-title,
.entry-title a { color: var(--pdwc-heritage-purple); }
.highlight .wp-block-post-excerpt__more-link { color: var(--pdwc-civic-blue); }
hr,
blockquote,
table tbody tr { border-color: color-mix(in srgb, var(--pdwc-ink-brown) 20%, transparent); }

/* Footer: warm ink instead of generic charcoal. */
#footer {
  color: var(--pdwc-paper-cream);
  background-color: var(--pdwc-ink-brown);
  background-image: url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
}
#footer .title {
  color: var(--pdwc-paper-cream);
  background-color: var(--pdwc-ink-brown);
  background-image: url("../../../pdwc-newsroom/assets/vendor/escape-velocity/css/images/overlay.png");
}
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 { color: var(--pdwc-paper-cream); }
#footer strong,
#footer b { color: var(--pdwc-paper-cream); }
#footer a { color: var(--pdwc-paper-cream); }
#footer header.style1 h2 { color: var(--pdwc-paper-cream); }
#footer header.style1 p { color: var(--pdwc-paper-cream); }
#footer .feature-list h3 { color: var(--pdwc-paper-cream) !important; }
#footer .button.style1 {
  color: var(--pdwc-paper-cream);
  background-color: var(--pdwc-rally-orange);
}
#footer .button.style1:hover { background-color: #b83e18; }
#footer .feature-list .icon:before {
  color: var(--pdwc-paper-cream);
  background-color: var(--pdwc-civic-blue);
}
#copyright { color: var(--pdwc-paper-cream); }
#footer #copyright ul { color: var(--pdwc-paper-cream); }

/* Keep the block editor's canvas aligned with the frontend experiment. */
.editor-styles-wrapper { color: var(--pdwc-ink-brown); background: var(--pdwc-paper-cream); }

@media screen and (max-width: 736px) {
  #logo .custom-logo-link { width: min(86vw, 360px); }
  #logo > p:not(.screen-reader-text) { margin-top: .85em; }
}