/*
 * Eden: after Outpost 2's Eden colony - clean colony-ops consoles, deep blue-black
 * steel, cyan readouts and a green status light. Where "outpost" is the community
 * site's maroon, this is the game's other side: cool, technical, high-contrast.
 * Always dark.
 */
:root {
  --bg: #071016;
  --surface: #0d1b24;
  --surface-2: #132834;
  --text: #d6e6ee;
  --muted: #7f9aa8;
  --border: #1f3d4c;
  --accent: #19b7c9;
  --accent-text: #5fd6e4;
  --on-accent: #041015;
  --ok: #4fe08a;
  --warn: #f0c75a;
  --bad: #ff6f6f;
  --radius: 4px;
  --shadow: 0 0 0 1px rgb(95 214 228 / .04), 0 6px 18px rgb(0 0 0 / .45);

  --page-bg:
    radial-gradient(ellipse 80% 50% at 50% -10%, rgb(25 183 201 / .16), transparent 70%),
    linear-gradient(to bottom, #071016, #050b10);
  /* Console panels: a lit cyan rule along the top edge */
  --card-bg: linear-gradient(to bottom, rgb(95 214 228 / .55) 0, rgb(95 214 228 / .55) 2px, #0f202b 2px, #0c1a23 100%);

  --header-bg: linear-gradient(to bottom, #0b1c26, #08141b);
  --header-text: #e6f4f8;
  --header-border: 1px solid #1f3d4c;
  --nav-text: #9fc0cc;
  --nav-hover-bg: rgb(95 214 228 / .08);
  --nav-active-text: #e6f4f8;
  --nav-active-bg: rgb(95 214 228 / .14);
  --brand-mark: radial-gradient(circle at 35% 35%, #c9fbff, #19b7c9 50%, #06323a);

  --font: "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  /* Headings read like console labels */
  --heading-font: "Cascadia Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  --heading-color: #e6f4f8;
  --heading-style: normal;
  color-scheme: dark;
}

body { background-attachment: fixed; }

h1, h2 { letter-spacing: .02em; }
h2 { text-transform: uppercase; font-size: .92rem; letter-spacing: .12em; color: var(--accent-text); }

/* Readouts: tabular cyan figures with a faint glow */
.stat b { color: #7ff0ff; text-shadow: 0 0 12px rgb(25 183 201 / .45); }

/* The status light next to the site name */
.brand-mark { box-shadow: 0 0 8px rgb(25 183 201 / .8); }
.top nav a[aria-current="page"] { box-shadow: inset 0 -2px 0 var(--accent); border-radius: 4px 4px 0 0; }

.table-wrap { background: #0c1a23; }
.badge-run-ok { box-shadow: 0 0 6px rgb(79 224 138 / .35); }
.topic, .chips li { border: 1px solid var(--border); border-radius: 3px; }
input, select { background: #08141b; }
input:focus, select:focus, button:focus-visible { outline: 1px solid var(--accent); outline-offset: 1px; }