/* provman UI, dark theme. Not wrapped in a media query: the page links this file with
   media="(prefers-color-scheme: dark)" (system), "all" (forced dark) or "not all" (forced
   light), from the viewer's choice (theme cookie, see web/theme.py). */
:root {
  --bg: #0a0e1a; --panel: #111727; --panel-2: #151c2e; --panel-3: #1b2338;
  --text: #e8ebf3; --text-2: #c3c9d8; --muted: #8b93a7; --faint: #5d6579;
  --border: #222b40; --border-strong: #2e3850;
  --accent: color-mix(in oklab, var(--brand) 78%, #fff);
  --accent-text: #0a0e1a;
  --accent-ink: color-mix(in oklab, var(--brand) 60%, #fff);
  --accent-soft: color-mix(in srgb, var(--brand) 18%, var(--panel));
  --accent-ring: color-mix(in srgb, var(--brand) 45%, transparent);
  --ok: #4ad295; --ok-bg: #0f2e22; --warn: #f2b453; --warn-bg: #33250b;
  --bad: #ff7a8a; --bad-bg: #3a151d; --neutral: #aab2c5; --neutral-bg: #1f2740;
  --shadow-sm: none; --shadow: 0 0 0 1px rgba(255, 255, 255, .02);
  --shadow-lg: 0 24px 60px -12px rgba(0, 0, 0, .6);
  color-scheme: dark;
}

/* Links, active tabs and primary buttons use the accent on a dark background, so it needs a
   minimum lightness: a near-black brand colour (e.g. #241f31) would otherwise be unreadable.
   Where relative colours are supported, keep the brand's hue and chroma but lift L. */
@supports (color: oklch(from red l c h)) {
  :root {
    --accent: oklch(from var(--brand) max(l, .74) c h);
    --accent-ink: oklch(from var(--brand) max(l, .82) c h);
  }
}

a { color: var(--accent); }
.nav a.active { color: var(--accent); }
.avatar { color: var(--accent); }
details > summary { color: var(--accent); }
.portal-nav a.tab.active { color: var(--accent); }
.brand img.logo-light { display: none; }
.brand img.logo-dark { display: block; }