:root {
  --color-background:        hsl(130, 20%, 95%);
  --color-background-opaque: hsla(130, 20%, 95%, 50%);
  --color-primary:           hsl(0, 0%, 15%);
  --color-secondary:         hsl(0, 0%, 45%);
  --color-shadow:            #cccccc;
  --color-curtain:           #00000099;
  --color-note-contents:     #ffffff;
  --color-todo:              gold;
  --color-link:              mediumblue;
  --color-visited:           purple;
  --color-active:            #ff3300;
  --color-accent:            var(--color-link);
  --color-marker-inside:     #ff3300;
  --color-marker-border:     white;
  --color-icon:              var(--color-secondary);
  --color-allowed:           #00cc99;
  --color-forbidden:         #ff3300;
}

:root {
  --theme-background-file-extension: #cccccc;
  --theme-background-page: var(--color-background);
  --theme-border-map: 1px solid var(--theme-color-shadow);
  --theme-box-shadow: 0 3px 0 var(--color-shadow), -2px 0 0 var(--color-shadow) inset;
  --theme-color-accent: var(--color-accent);
  --theme-color-active: var(--color-active);
  --theme-color-card-text: var(--theme-color-text);
  --theme-color-card-link: var(--color-link);
  --theme-color-card-link-visited: var(--color-visited);
  --theme-color-dialog-closer: var(--color-background);
  --theme-color-footer-text: var(--color-secondary);
  --theme-color-map-text: var(--color-primary);
  --theme-color-separator: var(--theme-color-shadow);
  --theme-color-tabs-icon: var(--color-icon);
  --theme-color-tabs-secondary: var(--color-secondary);
  --theme-color-tabs-toggle: var(--color-secondary);
  --theme-font-header-nav: italic 100% system-ui, sans-serif;
  --theme-font-heading: italic larger Cambria, Georgia, serif;
}