:root {
  --spacing: 1rem;
  --scrollbar-width: 0px;
}

.navy-theme {
  /* Default Theme */
  --global-background-color: #11191f;
  --global-text-color: #cccccc;
  --global-contrast: hsl(205deg, 20%, 94%);
  --global-contrast-inverse: #000;
  --global-font-family: "Segoe UI";
  --global-border-style: none;
  --global-border-color: #11191f;
  --global-border-width: 0px;
  --global-photo-filer: none;
}

.amber-terminal-theme {
  --global-background-color: #0a0802;
  --global-text-color: #efb728;
  --global-contrast: #53420f;
  --global-contrast-inverse: #efb728;
  --global-font-family: "Consolas";
  --global-border-style: solid;
  --global-border-color: #efb728;
  --global-border-width: 2px;
  --global-image-filter: grayscale(100%) sepia(50%);
}

.lavender-theme {
  --global-background-color: #8aa3ff;
  --global-text-color: #08090c;
  --global-contrast: #08090c;
  --global-contrast-inverse: #ffffff;
  --global-font-family: "Verdana";
  --global-border-style: none;
  --global-border-color: #efb728;
  --global-border-width: 0px;
  --global-image-filter: none;
}

body {
    background: var(--global-background-color);
    font-family: var(--global-font-family);
    color: var(--global-text-color);
}

a {
    color: var(--global-link-color);
    text-decoration: none;
}