/* Tenant branding generated from the central tenant registry. */
@layer theme {
  :root {
    --tenant-brand-primary: #071B26;
    --tenant-brand-secondary: #278D72;
    --tenant-brand-accent: #89DFC2;
    --tenant-brand-font: #274049;
    --color-accent-100: #E1E4E5;
    --color-accent-200: #BFC4C7;
    --color-accent-300: #979FA4;
    --color-accent-400: #6A767D;
    --color-accent-500: #394951;
    --color-accent-600: #071B26;
    --color-accent-700: #061821;
    --color-accent-800: #05151D;
    --color-accent-900: #041118;
    --color-accent-1000: #040E14;
    --color-accent-1100: #030B0F;
    --color-accent-1200: #02080B;
    --color-important-100: #F1FBF8;
    --color-important-200: #DCF5ED;
    --color-important-300: #C4EFE1;
    --color-important-400: #A8E7D2;
    --color-important-500: #89DFC2;
    --color-important-600: #79C4AB;
    --color-important-700: #68A993;
    --color-important-800: #588F7C;
    --color-important-900: #477465;
    --color-important-1000: #37594E;
    --color-important-1100: #263E36;
    --color-important-1200: #16241F;
    --color-text-heading: #274049;
    --button-accent-textColor: #0F172A;
    --focus-ring: 0 0 0 3px rgb(from var(--tenant-brand-primary) r g b / 20%), 0 0 0 1px var(--tenant-brand-primary);
    --selection-bg: rgb(from var(--tenant-brand-accent) r g b / 22%);
    --selection-fg: #37594E;
    --subMenuItem-active-line-color: var(--tenant-brand-accent);
    --subMenuItem-hover-line-color: rgb(from var(--tenant-brand-accent) r g b / 52%);
    --tenant-surface-text: #274049;
    --tenant-surface-heading: #274049;
    --tenant-shell-background: radial-gradient(circle at 12% 0%, rgb(from var(--tenant-brand-primary, #005aa0) r g b / 18%), transparent 38%), radial-gradient(circle at 92% 100%, rgb(from var(--tenant-brand-accent, #f3bf48) r g b / 18%), transparent 42%), linear-gradient(145deg, #E6E8E9 0%, #FFFFFF 48%, #F6FCFA 100%);
    --tenant-shell-menu-divider-color: rgb(from var(--tenant-brand-primary, #005aa0) r g b / 18%);
    --tenant-shell-menu-background: rgb(from var(--color-white, #fff) r g b / 92%);
    --tenant-shell-menu-hover-background: var(--color-white, #fff);
    --tenant-shell-menu-active-background: var(--color-white, #fff);
    --tenant-shell-menu-active-elevation: 0 14px 32px rgb(from var(--tenant-brand-primary, #005aa0) r g b / 14%);
    --tenant-shell-menu-text: #0f172a;
    --tenant-shell-menu-hover-text: #0f172a;
    --tenant-shell-menu-active-text: #0f172a;
    --tenant-shell-menu-icon: #0f172a;
    --tenant-shell-menu-hover-icon: #0f172a;
    --tenant-shell-menu-active-icon: var(--tenant-brand-primary, #005aa0);
    --tenant-shell-account-text: #0f172a;
    --tenant-shell-account-meta-text: rgba(15, 23, 42, .68);
    --tenant-shell-account-hover-text: #0f172a;
    --tenant-shell-account-hover-meta-text: rgba(15, 23, 42, .72);
    --tenant-shell-account-hover-background: rgb(from var(--color-white, #fff) r g b / 92%);
    --logo-image: url("/images/grid-reserve-logo.svg");
  }

  @media (prefers-color-scheme: dark) {
    :root {
      --logo-image: url("/images/grid-reserve-logo.svg");
    }

  }
}