/* Approved light surfaces. Text ink and the immersive 3D palette stay separate. */
:root{
  --surface-mist:#ddeef8;
  --surface-cream:#fffdf7;
  --surface-announcement:#fff2c9;
  --surface-rose:#f8e3ec;
  --surface-information:#e8f2f9;
  --action-fill:#ffe28a;
  --action-hover:#ffda70;
  --action-pressed:#ffd25b;
  --surface-rule:rgba(8,39,110,.2);
}

.preview-bar{background:var(--surface-announcement);color:var(--ink)}
.preview-bar .status-dot,.preview-bar .status-message>i{background:var(--ink)}

.site-footer{background:var(--surface-mist);color:var(--ink)}
.site-footer .footer-bottom,.site-footer .footer-social{border-color:var(--surface-rule)}
.site-footer .footer-social button{color:var(--ink)}
.site-footer .footer-social small{opacity:.75}

/* Keep one action color across the navigation, product page and enquiry form. */
.button,
.site-header .header-enquiry,
.pd-page .pd-enquire:not(.pd-enquire-light),
.pd-mobile-enquiry>a,
.ps-save-button,
.ps-contact-jump,
.quick-trigger{
  background:var(--action-fill);
  color:var(--ink);
  border-color:var(--surface-rule);
  box-shadow:inset 0 0 0 1px var(--surface-rule);
}
/* The original product action declares a paper-colored label as important. */
.pd-page .pd-enquire:not(.pd-enquire-light){color:var(--ink)!important}
.site-header .header-enquiry,.ps-contact-jump{box-shadow:none}
.site-header .header-enquiry [data-enquiry-count],.shortlist-button>span{
  background:rgba(8,39,110,.09);color:var(--ink);
}
.button:hover,
.site-header .header-enquiry:hover,
.pd-page .pd-enquire:not(.pd-enquire-light):hover,
.pd-mobile-enquiry>a:hover,
.ps-save-button:hover,
.ps-contact-jump:hover,
.quick-trigger:hover{
  background:var(--action-hover);color:var(--ink);border-color:rgba(8,39,110,.32);
}
.button:active,
.site-header .header-enquiry:active,
.pd-page .pd-enquire:not(.pd-enquire-light):active,
.pd-mobile-enquiry>a:active,
.ps-save-button:active,
.ps-contact-jump:active,
.quick-trigger:active{background:var(--action-pressed)}
.button:focus-visible,
.site-header .header-enquiry:focus-visible,
.pd-page .pd-enquire:focus-visible,
.pd-mobile-enquiry>a:focus-visible,
.ps-save-button:focus-visible,
.ps-contact-jump:focus-visible,
.quick-trigger:focus-visible{outline:3px solid var(--ink);outline-offset:3px}

.shell-notice{background:var(--surface-mist);color:var(--ink);border:1px solid var(--surface-rule);box-shadow:0 8px 28px #08276e18}
.oem,.biz-oem-hero,.biz-film,.pd-page .pd-contact-strip{background:var(--surface-rose)}
.pd-support-card{background:var(--surface-rose)}
.pd-support-card:nth-child(2){background:var(--surface-information)}