@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/themes/switchboard/poppins-500.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/themes/switchboard/poppins-600.woff2') format('woff2');
}

@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/themes/switchboard/poppins-700.woff2') format('woff2');
}

[data-brand='switchboard'] {
  --brand-primary: #24ade3;
  --brand-primary-rgb: 36, 173, 227;
  --brand-on-primary: #000000;
  --brand-icon-filter: brightness(0);
  --brand-logo: url('/brand/switchboard/mark.svg');
  --brand-logo-color: #1a8bb8;
  --brand-auth-display: 'Poppins', Helvetica, Arial, sans-serif;
  --brand-focus-ring: rgba(32, 156, 204, 0.96);
  --bs-primary: var(--brand-primary);
  --bs-primary-rgb: 36, 173, 227;
  --bs-primary-bg-subtle: color-mix(in srgb, var(--brand-primary) 20%, white);
  --bs-btn-bg: var(--brand-primary);
  --bs-btn-color: var(--brand-on-primary);
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-border-color: #dee2e6;
  --bs-border-color-rgb: 222, 226, 230;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-emphasis-color: #000000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: #495057;
  --bs-secondary-color-rgb: 73, 80, 87;
  --bs-link-color: #0f6f96;
  --bs-link-color-rgb: 15, 111, 150;
  --bs-link-hover-color: #0b5573;
  --bs-link-hover-color-rgb: 11, 85, 115;
}

[data-brand='switchboard'][data-bs-theme='dark'] {
  --brand-focus-ring: rgba(36, 173, 227, 0.6);
  --bs-primary-bg-subtle: color-mix(in srgb, var(--brand-primary) 20%, black);
  --brand-logo-color: #24ade3;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb: 33, 37, 41;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb: 43, 48, 53;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-border-color: #495057;
  --bs-border-color-rgb: 73, 80, 87;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #adb5bd;
  --bs-secondary-color-rgb: 173, 181, 189;
  --bs-link-color: #7fd0f5;
  --bs-link-color-rgb: 127, 208, 245;
  --bs-link-hover-color: #4fc0ef;
  --bs-link-hover-color-rgb: 79, 192, 239;
}