:root {
  --primary-bg-color: #CCC; /* global scope */
  --primary-text-color: #333;
  --h1-color: #FF009E;
  --h2-color: #333;
  --h3-color: #333;
  --secondary-text-color: #666;
  --tertiary-text-color: #CCC;
  --aside-link-color: #333;
  --footer-text-color: #999;
  --aside-link-color-hover: #666;
  --aside-link-color-underline: #DDD;
  --aside-text-color: #333;
  --aside-bg-color: #E9E9E9;
  --link-color: #FF009E;
  --highlight-color: #FF009E;
  --hr-color: #DDD;
  --content-tag-text: #FFF;
  --content-tag-bg: #D9D9D9;
  --color-bg: #FFF;
  --pagefind-ui-scale: 0.8;
  --pagefind-ui-border-width: 0;
  --pagefind-ui-border-radius: 2px;
  --pagefind-ui-font: "Roboto", sans-serif;
}

  ::selection {
    background: #FF009E;
    color: #FFF;
    text-shadow: none;
}


@media (prefers-color-scheme: dark) {
  :root:not(.light) {
    --primary-bg-color: #000;
    --primary-text-color: #F9F9F9;
    --secondary-text-color: #CCC;
    --aside-bg-color: #090909;

    --color-text: #e0e0e0;
    --color-bg: #000;
    --color-link: #4da6ff;
    --aside-text-color: #999;
    --aside-link-color: #666;
    --content-tag-text: #000;
    --content-tag-bg: #333;
    --hr-color: #111;
    --pagefind-ui-text: #ffffff;
    --pagefind-ui-background: #2d2d2d;
    --pagefind-ui-border: #6a6a6a;
    --pagefind-ui-primary: #dfdfdf;
    color-scheme: dark;
  }
}