/*
  This file is to define the themes in dark and light mode.
*/

/* VARIABLES & RESETS */
body {
  font-family: "Atkinson Hyperlegible Mono", sans-serif;
}
:root {
  /* BORDERS */
  --stroke: solid 3px;

  /* COLORS */
  --white: #FFFFFF;
  --light-primary: #74235D;
  --light-secondary: #0d0628;
  --light-accent: #7426bf;
  --light-disabled: #808080;
  --dark-bg: #0d0628;
  --dark-text: #c4b8f4;
  --dark-primary: #f9dbbd;
  --dark-accent: #da627d;
  --transparent: transparent;
}

p {
  color: #1F2F16;
}

.page-title {
  color: var(--light-secondary);
  font-size: var(--step-4);
}

h2 {
  color: var(--light-primary);
  font-size: var(--step-2);
}

.section-title {

}