@function hexToRGB($hexColor) {
  @return red($hexColor), green($hexColor), blue($hexColor);
}

$color-map: (
  "1": #002c49,
  "2": #005691,
  "3": #e3ecf2,
  "4": #f3f3f3,
  "5": #ecf1f6,
  "6": #76abcd,
  "white": #ffffff,
  "black": #35393a,
  "error": #d70000,
);

:root {
  @each $name, $color in $color-map {
    --color-#{$name}: #{$color};
    --color-#{$name}-rgb: #{hexToRGB($color)};
  }

  --font-stack: "Roboto", Sans-Serif;
}