/* everforest -- the Neovim colourscheme, ported. Warm low-contrast neutrals,
   a mossy green accent, soft rounded flat panels -- no drop shadow; the
   editor's gutter-marker bar is available on request (.marked). */

:root {
  color-scheme: dark;

  --bg: #2d353b;
  --surface: #343f44;
  --surface-2: #3d484d;
  --border: #475258;

  --text: #d3c6aa;
  --text-muted: #859289;
  --text-faint: #7a8478;

  --accent: #a7c080;
  --accent-contrast: #2d353b;
  --accent-2: #83c092;
  --ok: #a7c080;
  --warn: #dbbc7f;
  --danger: #e67e80;

  --series-1: #a7c080;
  --series-2: #7fbbb3;
  --series-3: #e67e80;
  --series-4: #dbbc7f;
  --series-5: #d699b6;
  --series-6: #83c092;
  --series-7: #e69875;
  --series-8: #859289;

  --font-sans: ui-sans-serif, "Segoe UI", system-ui, -apple-system, Roboto, sans-serif;
  --font-display: var(--font-sans);
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-bold: 700;
  --tracking: 0em;
  --tracking-display: -0.01em;
  --leading: 1.65;

  --radius: 10px;
  --radius-lg: 16px;
  --radius-pill: 999px;
  --border-w: 1px;
  /* Flat: no shadow on a surface or control (jnap, 2026-09-18). Depth is the
     surface token plus the hairline; only the z2 popover keeps --shadow-lg. */
  --shadow: none;
  --shadow-lg: 0 14px 30px rgb(0 0 0 / 0.45);
  --ring: 0 0 0 3px color-mix(in srgb, var(--accent) 32%, transparent);

  --measure: 66ch;
  --container: 860px;
}

/* The gutter-marker bar: a coloured rule down the left edge, the way the
   editor's sign column flags an added or changed line. Opt-in since
   2026-09-18 (jnap: panels carry no edge highlight unless asked) -- add
   `.marked` to a heading or panel that should be flagged. */
h1.marked, h2.marked {
  border-left: 3px solid var(--accent);
  padding-left: var(--space-4);
}
h6 { color: var(--accent-2); }

.card.marked, .stat.marked, .toolbar.marked, .table-wrap.marked {
  border-left: 3px solid var(--accent);
}
.card-title { color: var(--text); }

.stat-label { color: var(--text-muted); }
.stat-delta.is-up { color: var(--accent); }

.btn:hover { border-color: var(--accent); }
.btn-primary:hover { background: color-mix(in srgb, var(--accent) 88%, var(--text)); border-color: color-mix(in srgb, var(--accent) 88%, var(--text)); }

.input:focus, .select:focus, .textarea:focus { border-color: var(--accent); }

.badge-accent { color: #a7c080; }

.table th { color: var(--accent-2); }
.tab[aria-selected="true"] { color: var(--accent); border-bottom-color: var(--accent); }

.prose blockquote { border-left-color: var(--accent); }
.code, code, pre {
  background: #343f44;
  border-color: var(--border);
}

::selection { background: color-mix(in srgb, var(--accent) 35%, transparent); }