:root {
      --color-primary-bg: #71a9bc;
      --color-primary-fg: #2a2a3d;
      --color-primary-fc: #ffffff;
      --color-primary-fco: #FFFc;
      --color-secondary-bg: #e5c58b;
      --color-secondary-fg: #2a2a3d;
      --color-secondary-fc: #ffffff;
      --color-secondary-fco: #FFFc;
      --color-tertiary-bg: #b9cdb6;
      --color-tertiary-fg: #2a2a3d;
      --color-tertiary-fc: #ffffff;
      --color-tertiary-fco: #FFFc;
      --color-bright-bg: #9a40ea;
      --color-bright-fg: #ffffff;
      --color-bright-fc: #2a2a3d;
      --color-bright-fco: #000c;
      --color-dark-bg: #070103;
      --color-dark-fg: #ffffff;
      --color-dark-fc: #2a2a3d;
      --color-dark-fco: #000c;
      --color-base-bg: #ffffff;
      --color-base-fg: #2a2a3d;
      --color-base-fc: #ffffff;
      --color-base-fco: #FFFc;
      --color-accent-bg: #71a9bc;
      --color-accent-fg: #2a2a3d;
      --color-accent-fc: #ffffff;
      --color-accent-fco: #FFFc;
      --color-header-bg: #ffffff;
      --color-header-fg: #2a2a3d;
      --color-header-fc: #ffffff;
      --color-header-fco: #FFFc;
      --color-primary-or-base-bg: #71a9bc;
      --color-primary-or-base-fg: #2a2a3d;
      --color-secondary-or-base-bg: #e5c58b;
      --color-secondary-or-base-fg: #2a2a3d;
      --color-tertiary-or-base-bg: #b9cdb6;
      --color-tertiary-or-base-fg: #2a2a3d;
      --color-bright-or-base-bg: #9a40ea;
      --color-bright-or-base-fg: #ffffff;
      --color-dark-or-base-bg: #070103;
      --color-dark-or-base-fg: #ffffff;
      --color-accent-or-base-bg: #71a9bc;
      --color-accent-or-base-fg: #2a2a3d;
      --color-header-or-base-bg: #ffffff;
      --color-header-or-base-fg: #2a2a3d;
    --button-radius: .5em;
      --base-font: Afacad Flux, sans-serif;
    --fancy-font: Afacad Flux, sans-serif;
        --curvynes: var(--1);
    --curvy-inset: var(--3);
    --stripe: none;
        --icons: curvy, edgy, Afacad Flux, sans-serif;
  }

:root {
  background-color: var(--color-base-bg);
  color: var(--color-base-fg);
}