@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../../fonts/tenants/barlow-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../../fonts/tenants/barlow-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../../fonts/tenants/barlow-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(../../fonts/tenants/roboto-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url(../../fonts/tenants/roboto-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(../../fonts/tenants/roboto-700.ttf) format('truetype');
}

/* Finelec (888): finelec.fi uses white, black and grey; its original SVG adds #0d8e9b.
   Dark backgrounds retain the turquoise logo mark with white lettering. */
:root[data-tenant="888"] {
    --brand-primary: #202222;
    --brand-primary-hover: #3f3f3f;
    --brand-primary-text: #fff;
    --brand-focus: #087580;
    --brand-sidebar: #202222;
    --brand-sidebar-text: #ededed;
    --brand-sidebar-active: #344547;
    --brand-sidebar-active-text: #fff;
    --brand-sidebar-icon-color: white;
    --brand-background: #f4f5f5;
    --brand-surface: #fff;
    --brand-text: #252626;
    --brand-accent: #087580;
    --tone-234951: #3f4545;
    --tone-285c65: #087580;
    --tone-536b75: #5a5b5b;
    --tone-5d7079: #5a5b5b;
    --tone-647680: #646666;
    --tone-68858b: #646666;
    --tone-b8c9cf: #bcbfbf;
    --tone-cedadc: #d0d3d3;
    --tone-d5e0e4: #d9dcdc;
    --tone-dfe7ea: #e0e3e3;
    --tone-e9eef0: #e9ecec;
    --tone-e6f0ed: #e2eff0;
    --tone-183e34: #19575c;
    --tone-edf4f3: #edf3f3;
    --tone-f2f8f6: #f1f6f6;
    --tone-fafcfc: #fafbfb;
    --tone-f1f5f6: #f1f4f4;
}
:root[data-tenant="888"][data-theme="dark"] {
    --brand-primary: #e5e9e9;
    --brand-primary-hover: #fff;
    --brand-primary-text: #202222;
    --brand-background: #171919;
    --brand-surface: #242727;
    --brand-text: #f0f2f2;
    --brand-accent: #77d0d8;
    --brand-focus: #77d0d8;
    --tone-234951: #e0e7e7;
    --tone-285c65: #77d0d8;
    --tone-536b75: #bdc7c7;
    --tone-5d7079: #bdc7c7;
    --tone-647680: #aebaba;
    --tone-68858b: #aebaba;
    --tone-b8c9cf: #586363;
    --tone-cedadc: #454f4f;
    --tone-d5e0e4: #3e4848;
    --tone-dfe7ea: #374141;
    --tone-e9eef0: #333d3d;
    --tone-e6f0ed: #2d4143;
    --tone-183e34: #d3eeee;
    --tone-edf4f3: #2b3839;
    --tone-f2f8f6: #2f3c3d;
    --tone-fafcfc: #282e2e;
    --tone-f1f5f6: #2c3434;
}
:root[data-tenant="888"] .sidebar-footer { color: #bdc7c7; }
:root[data-tenant="888"] .small-dot { background: #0d8e9b; }
:root[data-tenant="888"] input[type="checkbox"] { accent-color: var(--brand-accent); }
:root[data-tenant="888"] { --brand-font-body: "Roboto", Arial, sans-serif; }
:root[data-tenant="888"] { --brand-font-heading: "Barlow", Arial, sans-serif; }
:root[data-tenant="888"] :is(.nav-link,.bank-tabs,button,.button) { font-family: var(--brand-font-heading); }