:root:root {
  --brand-primary: #0062A8;
  --brand-primary-hover: #004F88;
  --brand-on-primary: #FFFFFF;
  --brand-primary-soft: #E4EEF7;
  --brand-primary-muted: #8DB6DB;
  --background: #F4F6F8;
  --foreground: #1A1F24;
  --card: #FFFFFF;
  --muted: #E8ECF0;
  --muted-foreground: #56606A;
  --border: #D5DCE3;
  --input: #C8D0D8;
  --sidebar: #EDF0F3;
  --sidebar-accent: #DFE5EB;
  --icon-background: #0062A8;
  --icon-mark: #FFFFFF;
  --card-foreground: #1A1F24;
  --popover: #FFFFFF;
  --popover-foreground: #1A1F24;
  --secondary: #E8ECF0;
  --secondary-foreground: #1A1F24;
  --accent: #E8ECF0;
  --accent-foreground: #1A1F24;
  --sidebar-foreground: #1A1F24;
  --sidebar-accent-foreground: #1A1F24;
  --sidebar-border: #D5DCE3;
  --heading-font: "Outfit Variable", ui-sans-serif, system-ui, sans-serif;
  --body-font: "Outfit Variable", ui-sans-serif, system-ui, sans-serif;
}