/* Alternative brand palette. No rules apply to the original sage version. */
html[data-theme="red"] {
  --ink: #201c1d;
  --muted: #686466;
  --sage: #f3f2f2;
  --pale: #f4f3f3;
  --paper: #ffffff;
  --line: #e4e1e2;
  --accent: #d80032;
  --brand-red: #d80032;

  & ::selection { background: #ffd9e1; color: #231c1e; }
  & :focus-visible { outline-color: var(--brand-red); }
  & .hero { background: #f3f2f2; border-top: 4px solid var(--brand-red); }
  & .hero h1 { color: var(--ink); }
  & .hero h1::first-line { color: var(--brand-red); }
  & .hero-period { color: var(--ink); }
  & .hero-eyebrow { color: var(--brand-red); }
  & .status-dot { background: var(--brand-red); box-shadow: 0 0 0 4px #d8003210; }
  & .brand i { background: #a29b9d; }
  & .hero-description, & .popular-search>span { color: #585255; }
  & .hero-model { color: #dedbdd; }
  & .hero-seal { background: #fff; border-color: #e0dbdd; color: var(--brand-red); }
  & .hero-search { background: #fff; border: 1px solid #e0dbdd; }
  & .hero-search input::placeholder { color: #777073; }
  & .hero-search button { background: var(--brand-red); }
  & .hero-local, & .hero-benefits { background: #fff; box-shadow: 0 10px 30px #241b1f06; }
  & .local-graphic, & .hero-benefits>div>.icon { background: #fff0f3; color: var(--brand-red); border-color: #f0c9d2; }
  & .hero-local div>span, & .hero-benefits small { color: #71696c; }
  & .hero-baseline { border-color: #ddd7d9; color: #71696c; }
  & .machine-caption>span { color: #71696c; }
  & .button, & .mobile-contact { background: var(--brand-red); border-color: var(--brand-red); color: #fff; box-shadow: none; }
  & .button:hover, & .mobile-contact:hover { background: #b6002a; border-color: #b6002a; }
  & .button.secondary { background: transparent; color: var(--ink); border-color: #c8c2c4; }
  & .button.secondary:hover { background: #f1eeee; }
  & .compare-link, & .circle { border-color: #cfc8cb; }
  & .circle:hover { background: #f8e8ec; }
  & .circle.dark { background: var(--ink); border-color: var(--ink); color: #fff; }
  & .circle.dark:hover { background: var(--brand-red); border-color: var(--brand-red); }
  & .desktop-nav a:after { background: var(--brand-red); }
  & .desktop-nav a:hover, & .desktop-nav a[aria-current] { color: var(--brand-red); }
  & .mobile-nav { background: #fff; box-shadow: 0 15px 35px #241b1f12; }
  & .chip, & .hero .chip, & .detail-summary .chip { background: #e9e6e7; color: #554d50; }
  & .chip:hover { background: #f9dfe5; color: #a30026; }
  & .filter-tabs>a, & .filter-tabs>button { border-color: #e0dbdd; }
  & .filter-tabs .active, & .filter-tabs>a:hover, & .filter-tabs>button:hover { background: var(--brand-red); border-color: var(--brand-red); color: #fff; }
  & .product-card { background: #f7f6f6; border-color: #e7e3e4; }
  & .product-card:hover { border-color: #d8003270; }
  & .product-tag, & .product-card:nth-child(2) .product-tag, & .detail-image>.product-tag { background: #fbe4e9; color: #a40026; }
  & .compare-toggle { color: #786d72; }
  & .compare-toggle:hover, & .compare-toggle[aria-pressed=true] { background: #f9dfe5; color: #af0029; }
  & .product-model, & .product-info>p>span { color: #746c70; }
  & .product-bottom { border-color: #e2dcdf; color: #635a5e; }
  & .industry-card, & .industry-picture>span { background: #f3f1f2; }
  & .industry-picture>span { color: var(--brand-red); }
  & .industry-picture img, & .heading-photo img { filter: saturate(.8); }
  & .industry-card p { color: #6d6468; }
  & .section-head .eyebrow { color: #7a7075; }
  & .regional-section { background: #242022; color: #fff; }
  & .regional-copy .eyebrow, & .service-steps span { color: #ef8fa5; }
  & .regional-copy>p, & .service-steps p { color: #d4cdd0; }
  & .service-steps>a { border-color: #4a4045; }
  & .service-steps>a:hover h3 { color: #ffb3c4; }
  & .knowledge-feature { background: #f4eded; }
  & .knowledge-feature p, & .knowledge-list p { color: #72656b; }
  & .mini-chart span { background: #e2a4b2; }
  & .mini-chart span:nth-child(4n) { background: #c55b75; }
  & .knowledge-list .article-number { color: #97878f; }
  & .cta-strip { background: var(--brand-red); color: #fff; }
  & .cta-strip p { color: #ffe5eb; }
  & .cta-icon { border-color: #ffffff80; }
  & .cta-strip>.button { background: #fff; border-color: #fff; color: #ad0029; }
  & .cta-strip>.button:hover { background: #fff0f4; }
  & .footer-brand p, & .footer-main>div:not(:first-child)>a, & .footer-bottom { color: #686064; }
  & .footer-main .footer-contact>.footer-hotline { color: var(--brand-red); }
  & .footer-main a:hover { color: var(--brand-red); }
  & .toast { background: #292124; box-shadow: 0 5px 30px #241b1f20; }
  & .breadcrumbs, & .page-heading>.eyebrow, & .catalog-count, & .image-caption, & .spec-highlights dt,
  & .source-link, & .aside-box p, & .source-box>p, & .link-card small, & .guide-link p,
  & .article-meta, & .contact-details dt, & .form-help, & .consent { color: #75696f; }
  & .breadcrumbs>span[aria-current], & .page-heading>p, & .lead, & .prose,
  & .prose details>p, & .industry-overview p, & .article-heading>p, & .numbered-list>li>span { color: #5f565b; }
  & .inline-search, & .empty-state, & .detail-image, & .aside-box, & .source-box,
  & .link-card, & .inquiry-form, & .about-banner, & .calculator.pale { background: #f5f2f3; }
  & .inline-search>.icon, & .empty-state p, & .aside-box>a:not(.button), & .source-box strong { color: #6d5c64; }
  & .inline-search:focus-within { outline-color: var(--brand-red); }
  & .empty-state, & .aside-box hr { border-color: #ded5d9; }
  & .prose a:not(.link-card):not(.text-link), & .prose .text-link { color: #ae0029; }
  & .prose th { color: #51434a; background: #f3edef; }
  & .link-card:hover, & .guide-link:hover { background: #faecef; }
  & .heading-photo { background: #eee9eb; }
  & .heading-photo>span { background: #241b1fd0; }
  & .knowledge-nav { color: #8d2340; }
  & .knowledge-nav a { border-color: #d5a8b4; }
  & .formula { background: #fbe8ed; color: #871c36; }
  & .insight { background: #f6f0f2; }
  & .insight .eyebrow, & .insight>p { color: #764351; }
  & .contact-note { background: #f5f0f2; color: #6d5c64; }
  & .contact-note p, & .contact-details>p, & .about-banner p { color: #6d5c64; }
  & .form-grid input, & .form-grid select, & .form-grid textarea, & .calculator input { background: #fff; border-color: #d7cdd2; color: var(--ink); }
  & input::placeholder, & textarea::placeholder { color: #81747b; }
  & input:focus, & textarea:focus, & select:focus { border-color: var(--brand-red); outline-color: var(--brand-red); }
  & input[type="checkbox"] { accent-color: var(--brand-red); }
  & .form-grid>label>span { color: var(--brand-red); }
  & .calculator-result { color: var(--brand-red); }
}