/* Shared brand palette. Loaded after theme modules and contact widgets. */
:root {
  --brand-mark: #e60013;
  --brand-red: #cc1424;
  --brand-hover: #b81020;
  --brand-tint: #fff2f3;
  --brand-on-dark: #ffafb7;
  --red: var(--brand-red);
  --primary: var(--brand-red);
}

.sy-equipment-section, .sy-equipment-overview { --equipment-red: var(--brand-red); }
.sy-feedstock { --feedstock-red: var(--brand-red); }
.sheye-contact-network { --contact-accent: var(--brand-red); }
.sheye-contact-network--footer { --contact-accent: var(--brand-on-dark); }

/* Solid controls and text use the more legible action red. */
.button-red:hover, .button-red:active { background: var(--brand-hover); }
.site-header nav a:hover,
.text-link:not(.white):hover,
.article-layout > aside a:hover,
.catalog-menu-finish:hover,
.catalog-grade-chips a:hover,
.catalog-link:hover > span,
.sy-certificate-download:hover,
.sy-201-nav > a:hover,
.sy-feedstock .breadcrumb a:hover,
.sy-feedstock-tabs a:hover,
.sy-feedstock-nav > a:hover,
.sy-feedstock-section a:not(.button):hover,
.sy-equipment-card:hover .text-link,
.sy-equipment-jumps a:hover { color: var(--brand-hover); }
.sy-equipment-jumps a:hover,
.sy-equipment-card:hover,
.sy-grade-cards > a:hover { border-color: var(--brand-hover); }
.sy-standard-cards .sy-standard-label,
.sy-grade-cards strong { color: var(--brand-red); }

/* Small accents echo the exact red in the original Illustrator mark. */
.eyebrow span, .tiny-square,
.site-header nav a.active::after,
.timeline > div::before,
.sy-feedstock-hero-grid > figure::before { background: var(--brand-mark); }
.quality-items svg, .global-line svg, .application-tags svg,
.check-list svg, .certification-note > svg, .contact-address svg,
.brochure-download svg, .form-title > svg { color: var(--brand-mark); }
.process-steps > div,
.sy-standard-cards article,
.sy-route-overview a,
.sy-201-nav { border-top-color: var(--brand-mark); }
.catalog-menu-panel { border-top-color: var(--brand-mark); }
.sy-grade-supplement, .sy-201-key,
.sy-201-body blockquote,
.catalog-guide-callout { border-left-color: var(--brand-mark); }
.sy-feedstock-tabs a[aria-current='page'] { border-bottom-color: var(--brand-mark); }

/* Light red is retained on navy backgrounds for readable small text. */
.page-heading .eyebrow,
.processing-copy .eyebrow,
.service-rows a:hover,
.sy-supply-order .eyebrow,
.sy-feedstock-rfq .eyebrow,
.sy-feedstock-rfq a:not(.button):hover,
.sy-feedstock-rfq li::marker { color: var(--brand-on-dark); }

:focus-visible,
.sy-standard-table-scroll:focus-visible,
.sy-201-table:focus-visible,
.sy-equipment-section :is(a, summary):focus-visible,
.sy-equipment-overview a:focus-visible { outline-color: var(--brand-red); }
.sheye-footer a:focus-visible,
.sy-feedstock-rfq :is(a, [tabindex]):focus-visible { outline-color: var(--brand-on-dark); }
#sy-analytics-panel button:focus-visible,
#sy-analytics-choices:focus-visible,
#sy-analytics-panel summary:focus-visible { outline-color: var(--brand-red); }

/* Contact icons keep their service colors; the email mark follows SHEYE. */
#sy-contact-dock .sy-contact-dock__rail,
#sy-contact-wechat-dialog { border-top-color: var(--brand-mark); }
#sy-contact-dock .sy-contact-dock__item--email svg { color: var(--brand-mark); }
#sy-contact-dock .sy-contact-dock__item:hover,
#sy-contact-dock .sy-contact-dock__item[aria-expanded="true"] { color: var(--brand-hover); background: var(--brand-tint); }
#sy-contact-wechat-dialog .sy-contact-dock__eyebrow,
#sy-contact-wechat-dialog .sy-contact-dock__qr-link { color: var(--brand-red); }
#sy-contact-wechat-dialog .sy-contact-dock__qr-link:hover,
#sy-contact-wechat-dialog .sy-contact-dock__close:hover { color: var(--brand-hover); }
#sy-contact-dock .sy-contact-dock__item:focus-visible,
#sy-contact-wechat-dialog :focus-visible { outline-color: var(--brand-red); }