@font-face {
  font-family: "Poppins";
  src: url('../fonts/Poppins-Light.ttf');
  src: url('../fonts/Poppins-Light.ttf') format('truetype');
}

:root {
  /* Wagtail admin custom theme. */  
  --w-font-sans: Poppins;
  --w-font-mono: Courier;    
  --w-color-border-button-outline-hover: #aa131f;
  --w-color-border-interactive-more-contrast-hover: #aa131f;
  --w-color-focus: #aa131f;
  --w-color-positive-100: #aa131f;
  --w-color-primary: #1b1464;
  --w-color-surface-button-default: #1b1464;
  --w-color-surface-button-hover: #aa131f;
  --w-color-surface-button-color-hover: white;
  --w-color-surface-button-outline-hover: #dedede;
  --w-color-surface-menu-item-active: #0E084A;
  --w-color-surface-tooltip: #1b1464;
  --w-color-text-button-outline-default: #aa131f;
  --w-color-text-button-outline-hover: #aa131f;
  --w-color-text-label: #1b1464;
  --w-color-text-link-default: #1b1464; 
  --w-color-text-link-hover: #aa131f;

  /* Any valid CSS format is supported. */
  --w-color-primary-200: hsl(242, 39%, 75%);
  /* Set each HSL component separately to change all hues at once. */
  --w-color-secondary: #1b1464;
  --w-color-secondary-hue: 180.5;
  --w-color-secondary-saturation: 100%;
  --w-color-secondary-lightness: 24.7%;
}