/* Callidus theme. Load BEFORE blazorblueprint.css.
   Primary is the Callidus theme color #007cba. Secondary - also the background of info boxes,
   alerts and toasts - is the logo light blue #6ba5d9 with white text. Accent (hover/active highlights)
   is the Callidus orange #f28d51. The full palettes live in Styles/app.css (brand, azure, lagoon). */
:root {
  --radius: 0.625rem;
  --background: #ffffff;
  --foreground: #0b1f2e;
  --card: #ffffff;
  --card-foreground: #0b1f2e;
  --popover: #ffffff;
  --popover-foreground: #0b1f2e;
  --primary: #007cba;            /* brand-500 */
  --primary-foreground: #ffffff;
  --secondary: #6ba5d9;          /* azure-400, logo light blue */
  --secondary-foreground: #ffffff;
  --muted: #f2f6f9;
  --muted-foreground: #5a6b7b;
  --accent: #f28d51;             /* ember-400, Callidus orange */
  --accent-foreground: #3b1703;  /* ember-950: white on #f28d51 is too low-contrast for text */
  --destructive: #d92d20;
  --destructive-foreground: #ffffff;
  --border: #dbe5ed;
  --input: #cfdbe5;
  --ring: #007cba;
  --sidebar: #f5f9fc;
  --sidebar-foreground: #0b1f2e;
  --sidebar-primary: #007cba;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #f28d51;
  --sidebar-accent-foreground: #3b1703;
  --sidebar-border: #dbe5ed;
  --sidebar-ring: #007cba;
  --tracking-normal: 0em;

  /* Top toolbar: the callidus.se header blue, the same in every theme */
  --toolbar: #0b3f55;
  --toolbar-foreground: #ffffff;

  /* Info boxes (BbAlert Info, info toasts, ...) */
  --info: #6ba5d9;
  --info-foreground: #ffffff;
  --alert-info: #ffffff;
  --alert-info-bg: #6ba5d9;
  --alert-info-foreground: #ffffff;
}

.dark {
  --background: #04141f;         /* deep sea, between brand-950 and black */
  --foreground: #e6f0f7;
  --card: #071d2c;
  --card-foreground: #e6f0f7;
  --popover: #071d2c;
  --popover-foreground: #e6f0f7;
  --primary: #007cba;
  --primary-foreground: #ffffff;
  --secondary: #6ba5d9;
  --secondary-foreground: #ffffff;
  --muted: #0c2738;
  --muted-foreground: #8fa6b8;
  --accent: #f28d51;             /* ember-400, Callidus orange */
  --accent-foreground: #3b1703;  /* ember-950: white on #f28d51 is too low-contrast for text */
  --destructive: #f04438;
  --destructive-foreground: #ffffff;
  --border: #15354a;
  --input: #1a3e56;
  --ring: #3f9fd2;               /* brand-400 */
  --sidebar: #061926;
  --sidebar-foreground: #e6f0f7;
  --sidebar-primary: #3f9fd2;
  --sidebar-primary-foreground: #04243a;
  --sidebar-accent: #f28d51;
  --sidebar-accent-foreground: #3b1703;
  --sidebar-border: #15354a;
  --sidebar-ring: #3f9fd2;

  /* Top toolbar: the callidus.se header blue, the same in every theme */
  --toolbar: #0b3f55;
  --toolbar-foreground: #ffffff;

  /* Info boxes (BbAlert Info, info toasts, ...) */
  --info: #6ba5d9;
  --info-foreground: #ffffff;
  --alert-info: #ffffff;
  --alert-info-bg: #6ba5d9;
  --alert-info-foreground: #ffffff;
}