/* Define brand colors */

:root {
  --color-brand-blue: 6, 6, 68;
  --color-brand-light-blue: 225, 225, 255;
  --color-brand-pink: 210, 93, 165;
  --color-brand-dark-gray: 209, 209, 209;
  --color-brand-light-gray: 243, 244, 246;
  --color-brand-background: 255, 255, 255;
  --color-text: 0, 0, 0;
  --color-text-contrast: 255, 255, 255;
  /* --color-link: initial; */ /* use browser defaults */
  /* --color-link-visited: initial; */ /* use browser defaults */
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-brand-blue: 6, 6, 68;
    --color-brand-light-blue: 225, 225, 255;
    --color-brand-pink: 210, 93, 165;
    --color-brand-dark-gray: 118, 118, 118;
    --color-brand-light-gray: 156, 156, 156;
    --color-brand-background: 43, 43, 43;
    --color-text: 255, 255, 255;
    --color-text-contrast: 255, 255, 255;
    --color-link: 188, 210, 238;
    --color-link-visited: 205, 41, 144;
  }
}

/* Define brand fonts */

@font-face {
  font-family: "jost";
  src: url("/static/fonts/Jost-VariableFont_wght.fe00c6e60f10.ttf") format("truetype-variations");
}

@font-face {
  font-family: "jost";
  src: url("/static/fonts/Jost-Italic-VariableFont_wght.af5b332296fd.ttf") format("truetype-variations");
  font-style: italic;
}

@font-face {
  font-family: "spacemono";
  src: url("/static/fonts/SpaceMono-Regular.96985f7a507a.ttf") format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: "spacemono";
  src: url("/static/fonts/SpaceMono-Bold.40878d85989f.ttf") format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: "spacemono";
  src: url("/static/fonts/SpaceMono-Italic.2cdd33e99c51.ttf") format("truetype");
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "spacemono";
  src: url("/static/fonts/SpaceMono-BoldItalic.c12bcbd0ac13.ttf") format("truetype");
  font-style: italic;
  font-weight: 700;
}