/* A12 brand typography system.
   The approved commercial fonts are resolved from the visitor/device when
   installed. Approved licensed web-font files can later be added to these
   @font-face declarations without changing any component stylesheet. */

@font-face{
  font-family:"CG AvantGarde";
  src:local("ITC Avant Garde Gothic Pro Book"),local("ITC Avant Garde Gothic Book"),local("ITC Avant Garde Gothic"),local("ITC AvantGarde Gothic");
  font-style:normal;
  font-weight:300 500;
  font-display:swap;
}
@font-face{
  font-family:"CG AvantGarde";
  src:local("ITC Avant Garde Gothic Pro Demi"),local("ITC Avant Garde Gothic Demi"),local("ITC Avant Garde Gothic Bold"),local("ITC AvantGarde Gothic Bold");
  font-style:normal;
  font-weight:600 900;
  font-display:swap;
}
@font-face{
  font-family:"CG Meridia Typography";
  src:local("TYPOGRAPHY"),local("Typography Regular"),local("Typography");
  font-style:normal;
  font-weight:300 500;
  font-display:swap;
}
@font-face{
  font-family:"CG Meridia Typography";
  src:local("TYPOGRAPHY Bold"),local("Typography Bold"),local("TYPOGRAPHY"),local("Typography");
  font-style:normal;
  font-weight:600 900;
  font-display:swap;
}

:root{
  --font-cg-brand:"CG AvantGarde","ITC Avant Garde Gothic Pro","ITC Avant Garde Gothic","Avant Garde","Century Gothic","URW Gothic L",Futura,Arial,sans-serif;
  --font-meridia-brand:"CG Meridia Typography","TYPOGRAPHY",Typography,Didot,"Bodoni 72","Bodoni MT",Georgia,serif;
  --font-code:Consolas,Monaco,"Courier New",monospace;
}

/* Standard CG identity, including the public website, customer area and
   administration. The final rule intentionally wins over legacy Manrope and
   DM Sans declarations spread across earlier component versions. */
body:not(.is-meridia-theme){font-family:var(--font-cg-brand)!important}
body:not(.is-meridia-theme) *:not(code):not(pre):not(kbd):not(samp){font-family:var(--font-cg-brand)!important}

/* Meridia keeps its own editorial typography on the complete page: header,
   menus, hero, catalogue, detail, specifications, footer and controls. */
body.is-meridia-theme{font-family:var(--font-meridia-brand)!important}
body.is-meridia-theme *:not(code):not(pre):not(kbd):not(samp){font-family:var(--font-meridia-brand)!important}

code,pre,kbd,samp{font-family:var(--font-code)!important}
button,input,select,textarea{font:inherit}

/* Avant Garde benefits from compact display spacing without compromising
   body-copy readability. */
body:not(.is-meridia-theme) :where(h1,h2,h3,h4,.vA3-brand-hero-copy h1,.v6-detail-copy h1){letter-spacing:-.035em}
body:not(.is-meridia-theme) :where(.eyebrow,.eh-overline,.vA3-overline,.vA3-kicker,.enterprise-menu,.category-bar){letter-spacing:.075em}

/* TYPOGRAPHY is allowed a more refined, editorial rhythm for Meridia while
   utility controls remain compact and legible. */
body.is-meridia-theme :where(h1,h2,h3,h4,.vA4-meridia-hero h1,.v6-detail-copy h1){letter-spacing:-.02em}
body.is-meridia-theme :where(.eyebrow,.eh-overline,.vA4-meridia-kicker,.vA4-meridia-introducing,.enterprise-menu,.category-bar){letter-spacing:.09em}
body.is-meridia-theme :where(button,input,select,textarea,.vA11-filter-toggle,.vA11-sort-form label,.v6-pagination){letter-spacing:.015em}

@media(max-width:640px){
  body:not(.is-meridia-theme) :where(h1,h2,h3,h4),
  body.is-meridia-theme :where(h1,h2,h3,h4){letter-spacing:-.018em}
}