:root {
  --brand-off-white: #fcfcff;
  --brand-dark-text: #0B1C46;
  --brand-blue: #3e92f3;
  --brand-yellow: #FFCD05;
  --brand-orange: #FFA200;

  --theme-font: "Rubik";
  --body-font: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --font-size: 1rem;

  --background-color: var(--brand-off-white);
  --text-color: var(--brand-dark-text);
  --text-color-dim: #676d7c;
  --accent-color: var(--brand-yellow);
  --accent-background: var(--brand-blue);
  --link-hover: #3057b9;
  
  /* RGB values for glass effect (Blue) */
  --callout-background: 18, 39, 226;

  --icon-path: url(/site_icon_light.png);
}

/* Dark theme */
@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #161616;
    --text-color: #dfdfdf;
    --accent-color: rgb(220, 177, 6);
    --accent-background: #3255af;
    --link-hover: #ffb300ae;
  
    --callout-background: 255, 205, 5;
    
    --icon-path: url(/site_icon_dark.png);
  }
}