/* Zentrale Farbpalette: öffentliche Website und Galerie. */
:root {
  /* Öffentliche Website */
  --site-background: white;
  --site-on-accent: white;
  --color-transparent: transparent;
  --site-text: black;
  --site-shadow: #888;
  --site-accent: orange;
  --site-nav-hover: #ffd53b;
  --site-text-shadow: grey;
  --site-footer-link-hover: blue;
  --site-text-muted: #444;
  --site-surface: #eee;
  --site-surface-hover: #fff59a;
  --site-field-focus: #ffffcc;
  --site-list-text: #555;
  --site-border: #0007;
  --site-divider: #bbb;

  /* Galerie */
  --gallery-focus: #ea913a;
  --gallery-surface: #0004;
  --gallery-text: #fff;
  --gallery-backdrop: #000c;
  --gallery-preview-background: #17191c;
  --gallery-button-border: #666;
  --gallery-button-background: #30343b;
  --gallery-button-hover: #50565e;
}