/* --- ▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪ DEFAULT / LIGHT ▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪ --- */
:root {
  /* sidebar / sidenav */
  --sidenav-bg: #f0f0f0;
  --sidenav-bg-img: url(https://file.garden/Zdp-ila93Ho4OeVL/%F0%9F%8C%B1%20resources/%F0%9F%8F%94%EF%B8%8F%20backgrounds/%F0%9F%8F%81%20static%20tiled/dot-tile-modified.jpeg);
  --sideheader: #8ece9f;
  --sideheader-size: 16px;
  --copyright-size: 12px;
  /* main content */
  --infoheader-size: 20px;
  --col1-bg: #ededed;
  --col1-bg-img: url(https://file.garden/Zdp-ila93Ho4OeVL/%F0%9F%8C%B1%20resources/%F0%9F%8F%94%EF%B8%8F%20backgrounds/%F0%9F%8F%81%20static%20tiled/greygrid.png);
  --col1-info: #fff;
  --highlight: #c9c9c9; /* <mark> tag, not selection highlight */
  --col1-size: 16px;
  --ul-size: 15px;
  /* main background */
  --background:#f0f0f0;
  --background-image: url(https://file.garden/Zdp-ila93Ho4OeVL/%F0%9F%8C%B1%20resources/%F0%9F%8F%94%EF%B8%8F%20backgrounds/%F0%9F%8F%81%20static%20tiled/seamlessbg-plant.jpg);
  /* tags / filter buttons */
  --filter-btn-bg: #f0f0f0;
  --filter-btn-color: #000;
  --filter-btn-size: 14px;
  --btn-active-text: #285a33;
  --btn-active-bg: #cbe7c7;
  /* links */
  --links:#327ac1;
  --links-hover:#5b56cb;
  /* scrollbox */
  --scrollbox-height:75px;
  --scrollbox-bg: #f0f0f0;
  --scrollbox-size: 15px;
  --scrollbox-fontcolor:#000;
  /* border / hr */
  --border-hr: #818181;
  /*------ FONT EDITS ------*/
  --font-color: #000; /* ul, headers, copyright */
  --font: 'texty';
}
@media (prefers-color-scheme: dark){
	:root{
		--color-default: #000;
	}
/* --- ▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪ DARK ▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪ --- */
[data-theme='dark']{
  /* sidebar / sidenav */
  --sidenav-bg: #1c1c1c;
  --sidenav-bg-img: url(#);
  --sideheader: #8ece9f;
  --sideheader-size: 16px;
  --copyright-size: 12px;
  /* main content */
  --infoheader-size: 20px;
  --col1-bg: #2e2e2e;
  --col1-bg-img: url(#);
  --col1-info: #1c1c1c;
  --highlight: #c9c9c9; /* <mark> tag, not selection highlight */
  --col1-size: 16px;
  --ul-size: 15px;
  /* main background */
  --background:#222222;
  --background-image: url(https://file.garden/Zdp-ila93Ho4OeVL/%F0%9F%8C%B1%20resources/%F0%9F%8F%94%EF%B8%8F%20backgrounds/%F0%9F%8F%81%20static%20tiled/topographical-dark.jpg);
  /* tags / filter buttons */
  --filter-btn-bg: #2e2e2e;
  --filter-btn-color: #f0f0f0;
  --filter-btn-size: 14px;
  --btn-active-text: #285a33;
  --btn-active-bg: #cbe7c7;
  /* links */
  --links:#327ac1;
  --links-hover:#5b56cb;
  /* scrollbox */
  --scrollbox-height:75px;
  --scrollbox-bg: #2e2e2e;
  --scrollbox-size: 15px;
  --scrollbox-fontcolor:#fff;
  /* border / hr */
  --border-hr: #454545;
  /*------ FONT EDITS ------*/
  --font-color: #f0f0f0; /* ul, headers, copyright */
  --font: 'texty';
}
/* --- ▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪ DYSLEXIA ▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪▪ --- */
  [data-theme='dyslexia']{
     /* sidebar / sidenav */
  --sidenav-bg: #79acbf;
  --sidenav-bg-img: url();
  --sideheader: #e9fbff;
  --sideheader-size: 12px;
  --copyright-size: 8px;
  /* main content */
  --infoheader-size: 16px;
  --col1-bg: #b3d0dd;
  --col1-bg-img: url(#);
  --col1-info: #f9f6f2;
  --highlight: #dedede; /* <mark> tag, not selection highlight */
  --col1-size: 13px;
  --ul-size: 13px;
  /* main background */
  --background:#f9f6f2;
  --background-image: url(https://file.garden/Zdp-ila93Ho4OeVL/%F0%9F%8C%B1%20resources/%F0%9F%8F%94%EF%B8%8F%20backgrounds/%F0%9F%8F%81%20static%20tiled/greygrid.png);
  /* tags / filter buttons */
  --filter-btn-bg: #e9fbff;
  --filter-btn-color: #000;
  --filter-btn-size: 12px;
  --btn-active-text: #000;
  --btn-active-bg: #f9f6f2;
  /* links */
  --links:#327ac1;
  --links-hover:#5b56cb;
  /* scrollbox */
  --scrollbox-height:75px;
  --scrollbox-bg: #f9f6f2;
  --scrollbox-size: 11px;
  --scrollbox-fontcolor:#000;
  /* border / hr */
  --border-hr: #454545;
  /*------ FONT EDITS ------*/
  --font-color: #0A0A0A; /* ul, headers, copyright */
  --font: 'dyslexia';
}
  .theme-button {
  position:fixed;
  top:20px;
  right: 30px;
  }