/* Shared Office identity uses the existing Microsoft 365 product palette. */
:root {
  --catalog-office-brand: #5b5fc7;
  --catalog-office-brand-rgb: 91,95,199;
  --catalog-office-brand-hover: color-mix(in srgb, var(--catalog-office-brand) 85%, #202830);
}
body.office-catalog-dle { --light-brand:var(--catalog-office-brand); --light-brand-hover:var(--catalog-office-brand-hover); }
body.office-catalog-dle:has(main.product-page[data-product^="office-"]) { --page-app-accent:var(--catalog-office-brand); }
body.office-catalog-dle main.product-page[data-product^="office-"] {
  --product-brand:var(--catalog-office-brand) !important;
  --product-brand-rgb:var(--catalog-office-brand-rgb) !important;
}
body.office-catalog-dle main:is(.office-versions-page,.app-detail-page--apps,.app-detail-page--office) {
  --app-accent:var(--catalog-office-brand) !important;
  --app-accent-rgb:var(--catalog-office-brand-rgb) !important;
  --page-app-accent:var(--catalog-office-brand);
}
body.office-catalog-dle > :is(header.office-header,footer.footer) {
  --light-brand:var(--catalog-office-brand);
  --light-brand-hover:var(--catalog-office-brand-hover);
}
body.office-catalog-dle > header.office-header .header-brand-links a:is(:hover,:focus-visible,:active),
body.office-catalog-dle > header.office-header .header-version-grid a:is(:hover,:focus-visible,:active),
body.office-catalog-dle > footer.footer a:is(:hover,:focus-visible,:active) { color:var(--catalog-office-brand) !important; }
body.office-catalog-dle > footer.footer a[href^="/apps/"]:is(:hover,:focus-visible,:active) { color:var(--footer-brand,var(--catalog-office-brand)) !important; }
footer.footer a[href^="/apps/word/"] { --footer-brand:#185abd; }
footer.footer a[href^="/apps/excel/"] { --footer-brand:#107c41; }
footer.footer a[href^="/apps/powerpoint/"] { --footer-brand:#d24726; }
footer.footer a[href^="/apps/outlook/"],footer.footer a[href^="/apps/onedrive/"] { --footer-brand:#0078d4; }
footer.footer a[href^="/apps/onenote/"] { --footer-brand:#7719aa; }
footer.footer a[href^="/apps/teams/"] { --footer-brand:#6264a7; }
footer.footer a[href^="/apps/access/"] { --footer-brand:#a4373a; }