:root {
  --blue-lightest: #00bfff;
  --blue-light: #0099cc ;
  --blue-main: #007399;
  --blue-dark: #004d66;
  --blue-darkest: #002633;

  --green-lightest: #40bf80;
  --green-light: #339966;
  --green-main: #26734d;
  --green-dark: #194d33;
  --green-darkest: #0d261a;

  --yellow-lightest: #ffd11a;
  --yellow-light: #e6b800;
  --yellow-main: #b38f00;
  --yellow-dark: #997a00;
  --yellow-darkest: #665200;
}

html[data-theme="light"] {
  --pst-color-primary: var(--blue-dark);
  --pst-color-secondary: var(--yellow-dark);
}

html[data-theme="dark"] {
  --pst-color-primary: var(--blue-light);
  --pst-color-secondary: var(--yellow-light);
}