/* Verdigris is a secondary accent. Keep the original charcoal surfaces,
   warm brass controls, ivory headings and unfiltered project artwork. */
:root { --industrial-verdigris: #79a69b; --industrial-verdigris-light: #a2c6b9; }
::selection { background: #79a69b; color: #111a19; }
.nav-link:hover, .nav-component .nav-link.w--current,
.paragraph-large.footer-link:hover { color: var(--industrial-verdigris-light); }
a:focus-visible, button:focus-visible, input:focus-visible,
textarea:focus-visible, select:focus-visible { outline-color: #a2c6b9; }
.footer-bottom-border { background: linear-gradient(90deg, #79a69b10, #79a69b50, #79a69b10); }
.footer-social-link:hover, .contact-form-social:hover { box-shadow: var(--workshop-recess), 0 0 0 1px #79a69b; }
.footer-social-link:hover .footer-social-link-icon,
.contact-form-social:hover .contact-form-social-icon { color: #a2c6b9; }

/* Small cues through the homepage, without recoloring its sections. */
.header-subtitle:not(.introparagraph), .lab-promo-eyebrow { color: #9bbbb0; }
.professional-capabilities h3 span { color: #9bbbb0; }
.broadcast-pulse { stroke: #8eb3a7; }
.perspective-card:hover .perspective-image { border-color: #79a69b; }
.portfolio-jump-links a:hover { color: #a2c6b9; }

/* Wayfinding and thin rules across project, article and About pages. */
.breadcrumb-llink.w--current, .breadcrumb-llink:hover { color: #a2c6b9; }
.w-richtext blockquote { border-color: #79a69b; }
.about-workshop-eyebrow, .about-section-number { color: #9bbbb0; }
.about-toolkit-column { border-top-color: #79a69b60; }
.about-section-heading { border-top-color: #79a69b40; }
.about-memory-thumb[aria-pressed='true'] { border-color: #79a69b; }
.about-text-link:hover { color: #a2c6b9; text-shadow: none; }

/* Instrument markings and selected controls in the showcase. */
.showcase-page { --teal: #9bbfb2; }
.showcase-page .filters button[aria-pressed='true'] { color: #b7d4c7; border-color: #79a69b; }
.showcase-page .index-item[aria-pressed='true'],
.showcase-page .media-thumb[aria-pressed='true'] { border-color: #79a69b; }

/* Cool illumination lives on the controls, not the large surfaces. */
:root {
  --workshop-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ed8cb' stroke-width='1.6' stroke-linecap='square'%3E%3Cpath d='M5 19 19 5M6 5h13v13'/%3E%3C/svg%3E");
  --workshop-arrow-lit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4fff2' stroke-width='1.8' stroke-linecap='square'%3E%3Cpath d='M5 19 19 5M6 5h13v13'/%3E%3C/svg%3E");
}
.workshop-button::before { background: none; }
.workshop-button.workshop-button:hover,
.workshop-button.workshop-button:focus-visible {
  --control-ink: #e3fff5;
  color: #e3fff5;
  border-color: #9ae2d0;
  background: linear-gradient(115deg, #242829cf, #292d2dba), var(--workshop-metal) center / 310px;
  box-shadow: inset 0 1px 0 #c2fff247, inset 0 -2px 3px #0008, 0 6px 16px #0005, 0 0 13px #6fd6bd45;
}
.workshop-button:hover::after, .workshop-button:focus-visible::after,
.workshop-submit-wrap:hover::after, .workshop-submit-wrap:focus-within::after {
  filter: drop-shadow(0 0 3px #b4fff0) drop-shadow(0 0 7px #64d9be80);
}
.project-link:hover { border-color: #9ae2d0; box-shadow: inset 0 1px 0 #c2fff23b, inset 0 -4px 6px #000b, 0 3px 0 #101314, 0 0 13px #6fd6bd38; }
.project-link:hover .project-link-text { color: #dcfff2; text-shadow: none; }