/* Tenant branding generated from the central tenant registry. */
@layer theme {
  :root {
    --tenant-brand-primary: #173D35;
    --tenant-brand-secondary: #35675C;
    --tenant-brand-accent: #D7BD78;
    --tenant-brand-font: #334A43;
    --color-accent-100: #E3E8E7;
    --color-accent-200: #C3CDCA;
    --color-accent-300: #9EAEAA;
    --color-accent-400: #748B86;
    --color-accent-500: #45645D;
    --color-accent-600: #173D35;
    --color-accent-700: #14362F;
    --color-accent-800: #112E28;
    --color-accent-900: #0F2722;
    --color-accent-1000: #0C201C;
    --color-accent-1100: #091815;
    --color-accent-1200: #06110F;
    --color-important-100: #FAF7EF;
    --color-important-200: #F3EBD7;
    --color-important-300: #EBDEBC;
    --color-important-400: #E1CE9B;
    --color-important-500: #D7BD78;
    --color-important-600: #BDA66A;
    --color-important-700: #A3905B;
    --color-important-800: #8A794D;
    --color-important-900: #70623E;
    --color-important-1000: #564C30;
    --color-important-1100: #3C3522;
    --color-important-1200: #221E13;
    --color-text-heading: #334A43;
    --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: #564C30;
    --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: #334A43;
    --tenant-surface-heading: #334A43;
    --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, #E8ECEB 0%, #FFFFFF 48%, #FCFAF4 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/civic-capital-logo.svg");
  }

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

  }
}