/* Gruvbox Light */
:root,
:root[color-theme="light"] {
  --header-background: #ebdbb2;
  --header-font-color: #504945;

  --body-background: #fbf1c7;
  --body-font-color: #3c3836;

  --mark-color: #b57614;

  --button-background: #af3a03;
  --button-border-color: #af3a03;

  --link-color: #076678;
  --link-color-visited: #8f3f71;

  --code-background: #f2e5bc;
  --code-accent-color: #ebdbb2;
  --code-accent-color-lite: #fbf1c7;
  --code-font-color: #3c3836;

  --code-copy-background: #f2e5bc;
  --code-copy-font-color: #7c6f64;
  --code-copy-border-color: #a89984;
  --code-copy-success-color: #427b58;

  --accent-color: #d5c4a1;
  --accent-color-lite: #ebdbb2;

  --control-icons: #a89984;

  --footer-background: #ebdbb2;
  --footer-font-color: #504945;
  --footer-link-color: #076678;
  --footer-link-color-visited: #8f3f71;
}

@media (prefers-color-scheme: light) {
  :root,
  :root[color-theme="light"] {
    --header-background: #ebdbb2;
    --header-font-color: #504945;

    --body-background: #fbf1c7;
    --body-font-color: #3c3836;

    --mark-color: #b57614;

    --button-background: #af3a03;
    --button-border-color: #af3a03;

    --link-color: #076678;
    --link-color-visited: #8f3f71;

    --code-background: #f2e5bc;
    --code-accent-color: #ebdbb2;
    --code-accent-color-lite: #fbf1c7;
    --code-font-color: #3c3836;

    --code-copy-background: #f2e5bc;
    --code-copy-font-color: #7c6f64;
    --code-copy-border-color: #a89984;
    --code-copy-success-color: #427b58;

    --accent-color: #d5c4a1;
    --accent-color-lite: #ebdbb2;

    --control-icons: #a89984;

    --footer-background: #ebdbb2;
    --footer-font-color: #504945;
    --footer-link-color: #076678;
    --footer-link-color-visited: #8f3f71;
  }
}

/* Gruvbox Dark */
:root[color-theme="dark"] {
  --header-background: #3c3836;
  --header-font-color: #ebdbb2;

  --body-background: #282828;
  --body-font-color: #ebdbb2;

  --mark-color: #fabd2f;

  --button-background: #fe8019;
  --button-border-color: #fe8019;

  --link-color: #83a598;
  --link-color-visited: #d3869b;

  --code-background: #1d2021;
  --code-accent-color: #3c3836;
  --code-accent-color-lite: #282828;
  --code-font-color: #ebdbb2;

  --code-copy-background: #1d2021;
  --code-copy-font-color: #a89984;
  --code-copy-border-color: #7c6f64;
  --code-copy-success-color: #8ec07c;

  --accent-color: #504945;
  --accent-color-lite: #3c3836;

  --control-icons: #a89984;

  --footer-background: #282828;
  --footer-font-color: #ebdbb2;
  --footer-link-color: #83a598;
  --footer-link-color-visited: #d3869b;
}

@media (prefers-color-scheme: dark) {
  :root,
  :root[color-theme="dark"] {
    --header-background: #3c3836;
    --header-font-color: #ebdbb2;

    --body-background: #282828;
    --body-font-color: #ebdbb2;

    --mark-color: #fabd2f;

    --button-background: #fe8019;
    --button-border-color: #fe8019;

    --link-color: #83a598;
    --link-color-visited: #d3869b;

    --code-background: #1d2021;
    --code-accent-color: #3c3836;
    --code-accent-color-lite: #282828;
    --code-font-color: #ebdbb2;

    --code-copy-background: #1d2021;
    --code-copy-font-color: #a89984;
    --code-copy-border-color: #7c6f64;
    --code-copy-success-color: #8ec07c;

    --accent-color: #504945;
    --accent-color-lite: #3c3836;

    --control-icons: #a89984;

    --footer-background: #282828;
    --footer-font-color: #ebdbb2;
    --footer-link-color: #83a598;
    --footer-link-color-visited: #d3869b;
  }
}