/* Shared Whoeves visual foundation for every public page and admin panel. */
:root {
  --whoeves-accent: #ff5938;
  --whoeves-accent-dark: #c74328;
  --whoeves-ink: #171817;
  --whoeves-paper: #f7f6f2;
  --whoeves-surface: #fff;
  --whoeves-muted: #777973;
  --whoeves-border: #e5e3dc;
  --whoeves-soft-accent: #fff1ed;
  --whoeves-font-body: 'DM Sans', Arial, sans-serif;
  --whoeves-font-display: 'Space Grotesk', 'DM Sans', Arial, sans-serif;
  --whoeves-radius-sm: 8px;
  --whoeves-radius-md: 12px;
  --whoeves-radius-lg: 16px;
  --whoeves-shadow: 0 8px 28px #1718170d;

  /* Shared aliases used by the existing page modules. */
  --accent: var(--whoeves-accent);
  --accent-hue: var(--whoeves-accent);
  --orange: var(--whoeves-accent);
  --paper: var(--whoeves-paper);
  --ink: var(--whoeves-ink);
  --muted: var(--whoeves-muted);
  --line: var(--whoeves-border);
  --white: var(--whoeves-surface);
  --radius: var(--whoeves-radius-md);
}

body {
  font-family: var(--whoeves-font-body);
}

:where(h1, h2, h3, h4, .wordmark, .brand, .logo, .section-label, .eyebrow, .kicker) {
  font-family: var(--whoeves-font-display);
}

:where(button, input, select, textarea) {
  font-family: var(--whoeves-font-body);
}

:where(a, button, input, select, textarea):focus-visible {
  outline-color: #ff9b83;
}

:where(.primary, .quiet, .site-nav, .gallery-item, .event-card, .news-card, .card, .panel) {
  border-radius: var(--whoeves-radius-md);
}

:where(.primary, .nav-link.active) {
  background-color: var(--whoeves-accent);
}

.site-nav {
  border-color: var(--line);
  border-radius: var(--whoeves-radius-md);
  box-shadow: 0 4px 16px #17181708;
}

.site-nav a[aria-current="page"] {
  border-color: var(--whoeves-accent);
  background: var(--whoeves-accent);
  color: #fff;
}

.site-nav a:hover {
  border-color: color-mix(in srgb, var(--whoeves-accent) 26%, var(--line));
}

.topbar, .head {
  border-color: var(--line);
}

.back:hover, .back-link:hover {
  color: var(--whoeves-accent);
}

.admin-editor {
  --accent: var(--whoeves-accent);
  --bg: #111;
  --bg2: #171817;
  --bg3: #20211f;
  --bg-hover: #292a27;
  --text: #f2f1ed;
  --text-muted: #aaa9a2;
  --border: #343530;
}