/* Design 08 R7 — navy is the primary brand color; red adds fine accents.
   Legacy color tokens remain supported by the retained component styles. */
:root{
  --brand-navy:#0b1c3a;
  --brand-primary:#0b1c3a;
  --brand-accent:#c1121f;
  --brand-accent-border:#c1121f66;
  --brand-red:var(--brand-primary);
  --red:var(--brand-primary);
  --red-dark:#172f53;
  --brand-radius:22px;
  --brand-radius-card:18px;
  --brand-radius-control:12px;
}
.cat-main,.cat-dialog,.cat-dialog-copy .cat-pill{
  --cat-red:var(--brand-primary);
  --cat-navy:var(--brand-navy);
}
.signature-shell-collection{--signature-red:var(--brand-primary)}
::selection{background:var(--brand-navy);color:#fff}

/* Primary actions and large surfaces keep the same navy hierarchy. */
.al-button:hover,.button-red:hover,.grid-button:hover,.cat-pill:hover,
.d8-cart-link:hover{background:#172f53;box-shadow:0 10px 28px #0b1c3a18}
.grid-button-outline{background:transparent;color:var(--brand-navy)}
.grid-button-outline:hover{color:#fff}
.cat-cta .cat-pill,.pd-contact .cat-pill{background:#fff;color:var(--brand-navy)}
.cat-cta .cat-pill:hover,.pd-contact .cat-pill:hover{background:#edf1f7;color:var(--brand-navy)}
.content-editorial-close{background:var(--brand-navy)}
.content-editorial-close .content-eyebrow{color:#d1d9e6}
.content-close-photo::after{background:linear-gradient(90deg,transparent 50%,#0b1c3a12 80%,#0b1c3a 100%)}
.button-red:hover,.pd2-add:hover{box-shadow:0 7px 22px #0b1c3a22}
.cat-taxonomy-link[aria-current="page"]{background:#0b1c3a08;border-color:#0b1c3a30;color:var(--brand-navy)}
.cat-card:focus-within{border-color:#0b1c3a55;box-shadow:0 8px 25px #0b1c3a0b}
.cat-card:hover{border-color:#0b1c3a45;box-shadow:0 18px 36px #0b1c3a12,0 4px 12px #0b1c3a07}
.pd-related-card:hover,.pd2-training-card:hover{border-color:#0b1c3a45}
.pd2-favorite[aria-pressed="true"]{background:#edf1f7;border-color:#0b1c3a40;color:var(--brand-navy)}
.pd2-rating-input label:has(input:checked){background:#edf1f7}
.pd-discount,.cat-discount{background:#0b1c3a09;color:var(--brand-navy)}
.cat-main :is(a,button,input,select):focus-visible,
.cat-dialog :is(a,button):focus-visible{outline-color:var(--brand-navy)}
.am-province:focus-visible{stroke:var(--brand-navy)}

/* Small dots, fine rules and the selected gallery thumbnail are the accent. */
.brand-point,.grid-eyebrow::before,.cat-kicker:before,
.signature-shell-collection .signature-kicker>span,
.pd-access-caption i,.cat-orbit:before{background:var(--brand-accent)}
.al-dot.is-active span{background:var(--brand-accent)}
.pd2-thumbs>button[aria-pressed="true"],
.pd2-thumbs>button[aria-pressed="true"]:hover{
  border-color:var(--brand-accent);
  color:var(--brand-accent);
  box-shadow:0 0 0 2px #c1121f12;
}
.pd2-thumbs>button[aria-pressed="true"]:after{background:var(--brand-accent)}

/* R7: small, visible accents across the home, collections and product pages.
   Filled actions, large surfaces and text blocks remain navy. */
.content-eyebrow::before,.al-dealers .al-eyebrow::before{
  content:"";
  display:inline-block;
  width:22px;
  height:2px;
  margin-inline-end:9px;
  border-radius:2px;
  background:var(--brand-accent);
  vertical-align:middle;
}
.r6-catalog-icon>svg,.content-care-card>svg{
  color:var(--brand-accent);
}
.r6-intro-catalog:hover,.r6-intro-catalog:focus-visible,
.content-solution-card:hover,.content-solution-card:focus-visible{
  border-color:var(--brand-accent-border);
}
.content-text-button:hover>svg,.content-text-button:focus-visible>svg,
.content-solution-card:hover .content-card-arrow,
.content-solution-card:focus-visible .content-card-arrow,
.content-faq-list details[open] summary>svg{
  color:var(--brand-accent);
}
.signature-shell-collection .signature-model-copy>.signature-text-link:hover,
.signature-shell-collection .signature-model-copy>.signature-text-link:focus-visible{
  border-bottom-color:var(--brand-accent-border);
}
.signature-shell-collection .signature-text-link:hover svg,
.signature-shell-collection .signature-text-link:focus-visible svg{
  color:var(--brand-accent);
}

.cat-taxonomy-tabs>button:after,
.cat-card:after,.pd2-features a:after{
  background:var(--brand-accent);
}
.cat-card:hover,.cat-card:focus-within,
.pd-related-card:hover,.pd-related-card:focus-within,
.pd2-training-card:hover,.pd2-training-card:focus-visible,
.pd2-models a:hover,.pd2-models a:focus-visible{
  border-color:var(--brand-accent-border);
}
.cat-card.is-selected{
  border-color:var(--brand-accent);
  box-shadow:0 0 0 1px #c1121f33;
}
.cat-taxonomy-link[aria-current="page"]{border-color:var(--brand-accent-border)}
.cat-taxonomy-link[aria-current="page"] svg,
.cat-story-tab[aria-selected="true"]>svg,
.cat-feature:hover,.cat-feature:focus-visible,.cat-feature[aria-expanded="true"],
.cat-card:hover .cat-card-link>svg,.cat-card:focus-within .cat-card-link>svg{
  color:var(--brand-accent);
}
.pd2-tablist button[aria-selected="true"],.pd-access-tab[aria-selected="true"]{
  color:var(--brand-navy);
  border-bottom-color:var(--brand-accent);
}
.pd2-features a:hover>svg,.pd2-features a:focus-visible>svg,
.pd2-training-play>svg,
.pd2-training-card:hover .pd2-training-action>svg,
.pd2-training-card:focus-visible .pd2-training-action>svg,
.pd-faq-list details[open] summary svg{
  color:var(--brand-accent);
}

/* Rounded surfaces; dimensions, information spacing and scroll behavior are retained. */
.al-promise-card,.content-discover-card,.content-solution-card,
.content-product-image-link,.content-journal-image,.content-story-film,
.grid-category,.grid-project-slot,.grid-project-photo,.grid-project-stat,
.signature-shell-collection .signature-model,
.pd-detail-art,.pd-material,.pd-related-card,.pd2-training-card{
  border-radius:var(--brand-radius);
}
.grid-project-photo>span{border-radius:10px}
.content-discover-media{border-radius:var(--brand-radius) var(--brand-radius) 0 0}
.content-catalog-sheet{border-radius:14px}
.cat-card{border-radius:var(--brand-radius-card)}
.cat-card .cat-card-visual{border-radius:17px 17px 0 0}
.cat-card-visual,.cat-empty,.cat-compare-image,
.cat-compare-bar,.pd2-review-form,.pd2-review-feed>#pd-review-empty{
  border-radius:var(--brand-radius-card);
}
.cat-dialog,.cat-compare-dialog,.pd-zoom,.pd2-cart-dialog,.d8-cart-dialog,
.guide-dialog,.film-dialog,.al-search-dialog{border-radius:24px}
.film-dialog video{border-radius:22px}
.pd2-media-window,.pd2-frame,.pd2-pinned .pd2-media-window,
.pd2-media-track>.pd2-frame{border-radius:var(--brand-radius)}
.pd2-models a{border-radius:14px}
.pd2-thumbs>button,.pd2-thumbs>button[data-pd2-thumb="video"]{border-radius:12px}
.pd2-thumbs>button img,.pd2-thumbs>button[data-pd2-thumb="video"] img{border-radius:8px}
.cat-sort select,.cat-taxonomy-link,.cat-compare-label,
.cat-feature-tooltip,.cat-card-badge,.cat-story-panel>span,
.pd2-review-form :is(input:not([type="radio"]),textarea),
.pd2-rating-input label,.pd2-cart-demo,.pd2-cart-image,.pd2-cart-quantity,
.pd2-cart-dialog .cat-pill,.pd2-photo-note,.am-city{border-radius:var(--brand-radius-control)}
body[data-page="category"] .cat-story-panel>span{border-radius:10px}
.pd2-content,.pd2-tab-shell,.pd2-after-content{border-radius:22px 22px 0 0}

@media(max-width:699px){
  :root{--brand-radius:18px;--brand-radius-card:16px}
  .cat-card .cat-card-visual{border-radius:15px 15px 0 0}
}
@media(max-width:560px){
  .content-close-photo::after{background:linear-gradient(0deg,transparent 80%,#0b1c3a 100%)}
}