/* The Darkest Isle: shared brand theme (Rocky's starter kit, 2026-11-09).
   Loaded last on every page, so it re-maps each page's own colour/font variables to the brand palette:
   Night #0B0F0E / Forest #182420 / Fog #819084 / Bone #E5DFCF / Rust #A85738 (rust only for calls to action).
   Headings: condensed uppercase (Barlow Condensed); body: Barlow; data: JetBrains Mono. */
:root {
  --night: #0b0f0e; --forest: #182420; --fog: #819084; --bone: #e5dfcf; --rust: #a85738; --rust-hi: #ba6645; --rust-text: #d9946f;
  --bg: var(--night);
  --panel: #121a17;            /* cards and panels: a step above night, towards forest */
  --panel2: #0e1412;
  --ink: var(--bone);
  --muted: #a7b0a6;
  --faint: #7d877e;
  --rule: rgba(229, 223, 207, .14);
  --grid: rgba(229, 223, 207, .07);
  --accent: var(--rust-text);  /* links, active states, progress */
  --ok: #9fb99b;               /* done / healthy (a fog green that sits in the palette) */
  --warn: #d8b25a;
  --bad: #d4664f;
  --band: rgba(217, 148, 111, .16);
  --display: "Barlow Condensed", "Arial Narrow", Impact, sans-serif;
  --body: "Barlow", "Segoe UI", Arial, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  color-scheme: dark;
}
body { background: var(--night); color: var(--bone); font-family: var(--body); }
h1, h2 { font-family: var(--display); text-transform: uppercase; letter-spacing: .02em; font-weight: 700; }
h1 { line-height: .95; }
a { color: var(--rust-text); }
::selection { background: var(--rust); color: #fff7ed; }

/* buttons: primary = rust (calls to action), others = outlined bone */
.btn.primary, button.go, .button.primary { background: var(--rust) !important; border-color: var(--rust) !important; color: #fff7ed !important; }
.btn.primary:hover:not(:disabled), button.go:hover { background: var(--rust-hi) !important; }
.btn { border-radius: 4px; text-transform: uppercase; letter-spacing: .06em; font-family: var(--body); font-weight: 700; }
.btn.ghost, .btn:not(.primary):not(.danger) { background: transparent; border-color: rgba(229, 223, 207, .35); color: var(--bone); }

/* small status pills: done/healthy uses the fog green, not the old mint */
.pill.ok { color: var(--ok) !important; border-color: var(--ok) !important; }
.bar i { background: var(--fog); }

/* eyebrow line used on the brand's section headers */
.eyebrow-rust::before { content: ""; display: inline-block; width: 34px; height: 2px; background: var(--rust); vertical-align: middle; margin-right: 14px; }