/* theme media queries */
@media (prefers-color-scheme: dark) {
  :root,
  ::backdrop {
    color-scheme: dark;
    --bg: #282828;
    --bg-light: #3c3836;
    --text: #ebdbb2;
    --text-light: #fbf1c7;
    --accent: #689d6a;
    --accent-light: #8ec07c;
    --accent-text: var(--bg);
    --border: #b16286;
    --link: #458588;
  }
  img,
  video {
    opacity: 0.8;
  }
}

@media (prefers-color-scheme: light) {
  :root,
  ::backdrop {
    color-scheme: light;
    --bg: #fbf1c7;
    --bg-light: #ebdbb2;
    --text: #3c3836;
    --text-light: #282828;
    --accent: #689d6a;
    --accent-light: #8ec07c;
    --accent-text: var(--bg);
    --border: #b16286;
    --link: #458588;
  }
}

[data-theme="light"] {
  /* default (light) theme */
  color-scheme: light;
    --bg: #fbf1c7;
    --bg-light: #ebdbb2;
    --text: #3c3836;
    --text-light: #282828;
    --accent: #689d6a;
    --accent-light: #8ec07c;
    --accent-text: var(--bg);
    --border: #b16286;
    --link: #458588;
}

[data-theme="dark"] {
  color-scheme: dark;
    --bg: #282828;
    --bg-light: #3c3836;
    --text: #ebdbb2;
    --text-light: #fbf1c7;
    --accent: #689d6a;
    --accent-light: #8ec07c;
    --accent-text: var(--bg);
    --border: #b16286;
    --link: #458588;
}

.noborder img {
	border: none
}
