@font-face { font-family: 'Electrolux Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url('../../fonts/tenants/electrolux-400.woff2') format('woff2'); }
@font-face { font-family: 'Electrolux Sans'; font-style: normal; font-weight: 600; font-display: swap; src: url('../../fonts/tenants/electrolux-600.woff2') format('woff2'); }
@font-face { font-family: 'Electrolux Sans'; font-style: normal; font-weight: 700; font-display: swap; src: url('../../fonts/tenants/electrolux-700.woff') format('woff'); }
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(../../fonts/tenants/noto-sans-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(../../fonts/tenants/noto-sans-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(../../fonts/tenants/noto-sans-700.ttf) format('truetype');
}

/* Electrolux Professional (333), inspired by the Danish home, laundry and service pages.
   Website colours: navy #14133b, logo blue #011e41, pale blue #e9eff5. */
:root[data-tenant="333"] {
    --brand-primary: #14133b;
    --brand-primary-hover: #011e41;
    --brand-primary-text: #fff;
    --brand-focus: #416b9a;
    --brand-sidebar: #14133b;
    --brand-sidebar-text: #e9eff5;
    --brand-sidebar-active: #303257;
    --brand-sidebar-active-text: #fff;
    --brand-sidebar-icon-color: white;
    --brand-background: #e9eff5;
    --brand-surface: #fff;
    --brand-text: #14133b;
    --brand-accent: #011e41;
    --tone-234951: #252c50;
    --tone-285c65: #244c76;
    --tone-536b75: #536078;
    --tone-5d7079: #536078;
    --tone-647680: #606c80;
    --tone-68858b: #606c80;
    --tone-b8c9cf: #b5c3d4;
    --tone-cedadc: #ced8e3;
    --tone-d5e0e4: #d5dee8;
    --tone-dfe7ea: #dfe6ee;
    --tone-e9eef0: #e9eff5;
    --tone-e6f0ed: #e1e9f3;
    --tone-183e34: #011e41;
    --tone-edf4f3: #e9eff5;
    --tone-f2f8f6: #f0f4f8;
    --tone-fafcfc: #fafbfd;
    --tone-f1f5f6: #f1f4f8;
}
:root[data-tenant="333"][data-theme="dark"] {
    --brand-primary: #c1d5ef;
    --brand-primary-hover: #d9e6f7;
    --brand-primary-text: #14133b;
    --brand-background: #101022;
    --brand-surface: #1b1d36;
    --brand-text: #e9eff5;
    --brand-accent: #bfd5ef;
    --brand-focus: #9cbde3;
    --tone-234951: #dce5f2;
    --tone-285c65: #bfd5ef;
    --tone-536b75: #b8c3d6;
    --tone-5d7079: #b8c3d6;
    --tone-647680: #adb9ce;
    --tone-68858b: #adb9ce;
    --tone-b8c9cf: #545d79;
    --tone-cedadc: #424b65;
    --tone-d5e0e4: #39425c;
    --tone-dfe7ea: #333c56;
    --tone-e9eef0: #303952;
    --tone-e6f0ed: #2d3955;
    --tone-183e34: #dbe7f7;
    --tone-edf4f3: #28314b;
    --tone-f2f8f6: #2d3650;
    --tone-fafcfc: #21263d;
    --tone-f1f5f6: #272e46;
}
/* The workspace stays dark in both page modes; only recolour the brand logo. */
:root[data-tenant="333"] .sidebar .brand-logo {
    filter: brightness(0) invert(1);
}
:root[data-tenant="333"] .sidebar-footer { color: #bdc8dc; }
:root[data-tenant="333"] .small-dot { background: #9cbde3; }
:root[data-tenant="333"] input[type="checkbox"] { accent-color: var(--brand-accent); }
:root[data-tenant="333"] { --brand-font-body: "Noto Sans", Arial, sans-serif; }
:root[data-tenant="333"] { --brand-font-heading: "Electrolux Sans", Arial, sans-serif; }