/* Shared theme, loaded first (before each site's own style.css/gallery.css)
   on every page, both sites -- see SKINNING.md. Two things live here:
   1. The custom properties below, which are the recommended first lever
      for reskinning the site (override a handful of these in a mounted
      skin/custom.css instead of hunting down every hardcoded color).
   2. Rules that used to be byte-for-byte duplicated between
      frontend/style.css and admin-frontend/style.css (body/header/h1/
      #status/the version corner/the corner nav link) -- centralized here
      once instead of two copies to keep in sync by hand. */

:root {
  --color-text: #222;
  --color-muted: #555;
  --color-faint: #999;
  --color-fainter: #aaa;
  --color-link: #2a5db0;
  --color-border: #ddd;
  --color-border-light: #eee;
  --color-danger: #b00020;
  --color-danger-on-dark: #ff8a80;
  --color-success: #1a7a1a;
  --color-overlay: rgb(0 0 0 / 85%);
  --color-on-overlay: #fff;
  --radius: 4px;
  --font-family: system-ui, sans-serif;
}

body {
  font-family: var(--font-family);
  margin: 0;
  padding: 1rem;
  color: var(--color-text);
}

header {
  margin-bottom: 1.5rem;
}

h1 {
  margin: 0 0 0.5rem;
  font-size: 1.5rem;
}

#status {
  color: var(--color-muted);
}

button {
  padding: 0.4rem 1rem;
  font-size: 0.95rem;
  cursor: pointer;
  font-family: inherit;
}

.version-corner {
  position: fixed;
  top: 0.5rem;
  right: 0.75rem;
  font-size: 0.7rem;
  color: var(--color-fainter);
}

/* Shared by #admin-link (public) and #site-link (admin) -- both leave the
   current app entirely, so they're styled identically; the IDs stay for
   nav.js/footer.js to look up, this class is purely presentational. */
.corner-link {
  position: fixed;
  top: 1.5rem;
  right: 0.75rem;
  font-size: 0.75rem;
  color: var(--color-faint);
  text-decoration: none;
}

.corner-link:hover {
  text-decoration: underline;
}