/* Early SPA branding — generated on branding save. Do not edit by hand. */
/* Scope: Outbox · theme: default */
:root {
  --brand-theme: default;
  --brand-primary: #2F4458;
  --brand-accent: #352F58;
  --brand-secondary: #2F5854;
  --splash-brand: #2F4458;
  --fuse-primary: #2F4458;
  --fuse-primary-rgb: 47, 68, 88;
  --fuse-accent: #352F58;
  --fuse-accent-rgb: 53, 47, 88;
  --fuse-on-primary: #ffffff;
  --fuse-on-primary-rgb: 255, 255, 255;
  --fuse-primary-50: #EAECEE;
  --fuse-primary-50-rgb: 234, 236, 238;
  --fuse-primary-100: #D5DADE;
  --fuse-primary-100-rgb: 213, 218, 222;
  --fuse-primary-200: #ACB4BC;
  --fuse-primary-200-rgb: 172, 180, 188;
  --fuse-primary-300: #828F9B;
  --fuse-primary-300-rgb: 130, 143, 155;
  --fuse-primary-400: #596979;
  --fuse-primary-400-rgb: 89, 105, 121;
  --fuse-primary-500: #2F4458;
  --fuse-primary-500-rgb: 47, 68, 88;
  --fuse-primary-600: #263646;
  --fuse-primary-600-rgb: 38, 54, 70;
  --fuse-primary-700: #1C2935;
  --fuse-primary-700-rgb: 28, 41, 53;
  --fuse-primary-800: #131B23;
  --fuse-primary-800-rgb: 19, 27, 35;
  --fuse-primary-900: #090E12;
  --fuse-primary-900-rgb: 9, 14, 18;
  --fuse-accent-50: #EBEAEE;
  --fuse-accent-50-rgb: 235, 234, 238;
  --fuse-accent-100: #D7D5DE;
  --fuse-accent-100-rgb: 215, 213, 222;
  --fuse-accent-200: #AEACBC;
  --fuse-accent-200-rgb: 174, 172, 188;
  --fuse-accent-300: #86829B;
  --fuse-accent-300-rgb: 134, 130, 155;
  --fuse-accent-400: #5D5979;
  --fuse-accent-400-rgb: 93, 89, 121;
  --fuse-accent-500: #352F58;
  --fuse-accent-500-rgb: 53, 47, 88;
  --fuse-accent-600: #2A2646;
  --fuse-accent-600-rgb: 42, 38, 70;
  --fuse-accent-700: #201C35;
  --fuse-accent-700-rgb: 32, 28, 53;
  --fuse-accent-800: #151323;
  --fuse-accent-800-rgb: 21, 19, 35;
  --fuse-accent-900: #0B0912;
  --fuse-accent-900-rgb: 11, 9, 18;
  --brand-logo: url('/assets/layout/logo.png');
  --brand-favicon: url('/assets/layout/favicon.png');
  --brand-watermark: url('/assets/layout/watermark.png');
}

html body.theme-default,
body.theme-default,
body.tenant-brand-colors {
  --fuse-primary: #2F4458;
  --fuse-primary-rgb: 47, 68, 88;
  --fuse-accent: #352F58;
  --fuse-accent-rgb: 53, 47, 88;
  --fuse-primary-50: #EAECEE;
  --fuse-primary-50-rgb: 234, 236, 238;
  --fuse-primary-100: #D5DADE;
  --fuse-primary-100-rgb: 213, 218, 222;
  --fuse-primary-200: #ACB4BC;
  --fuse-primary-200-rgb: 172, 180, 188;
  --fuse-primary-300: #828F9B;
  --fuse-primary-300-rgb: 130, 143, 155;
  --fuse-primary-400: #596979;
  --fuse-primary-400-rgb: 89, 105, 121;
  --fuse-primary-500: #2F4458;
  --fuse-primary-500-rgb: 47, 68, 88;
  --fuse-primary-600: #263646;
  --fuse-primary-600-rgb: 38, 54, 70;
  --fuse-primary-700: #1C2935;
  --fuse-primary-700-rgb: 28, 41, 53;
  --fuse-primary-800: #131B23;
  --fuse-primary-800-rgb: 19, 27, 35;
  --fuse-primary-900: #090E12;
  --fuse-primary-900-rgb: 9, 14, 18;
  --fuse-accent-50: #EBEAEE;
  --fuse-accent-50-rgb: 235, 234, 238;
  --fuse-accent-100: #D7D5DE;
  --fuse-accent-100-rgb: 215, 213, 222;
  --fuse-accent-200: #AEACBC;
  --fuse-accent-200-rgb: 174, 172, 188;
  --fuse-accent-300: #86829B;
  --fuse-accent-300-rgb: 134, 130, 155;
  --fuse-accent-400: #5D5979;
  --fuse-accent-400-rgb: 93, 89, 121;
  --fuse-accent-500: #352F58;
  --fuse-accent-500-rgb: 53, 47, 88;
  --fuse-accent-600: #2A2646;
  --fuse-accent-600-rgb: 42, 38, 70;
  --fuse-accent-700: #201C35;
  --fuse-accent-700-rgb: 32, 28, 53;
  --fuse-accent-800: #151323;
  --fuse-accent-800-rgb: 21, 19, 35;
  --fuse-accent-900: #0B0912;
  --fuse-accent-900-rgb: 11, 9, 18;
}

body.theme-default fuse-splash-screen .spinner > div,
body fuse-splash-screen .spinner > div {
  background-color: var(--splash-brand, #2F4458) !important;
}