/* FSCLN — Color tokens
 * Dark-first. Lime-green accent used sparingly but with force.
 * Warmth lives in the off-white text, not the background.
 */
:root {
  /* ---- Base neutrals (dark-first ramp) ---- */
  --black: #121212;
  --bg-dark: #1a1a1a;      /* primary background */
  --bg-mid: #242424;       /* cards, sections */
  --bg-elevated: #2e2e2e;  /* raised surfaces, tag fills */
  --divider: #333333;      /* lines, borders, separators */
  --divider-strong: #444444;

  /* ---- Text (warm off-white) ---- */
  --text-primary: #efeee9;   /* headings, body (matches logo off-white) */
  --text-secondary: #9a9a9a; /* subtitles, labels, metadata */
  --text-tertiary: #6e6e6e;  /* faint captions, disabled */
  --white: #ffffff;          /* sparing, maximum contrast */
  --ink: #201e1f;            /* near-black for FSCLN logo on light bg */

  /* ---- Accent (lime) — official Brandguide value (clrB) ---- */
  --accent: #a3e052;         /* beeldmerk, CTAs, highlights, hover */
  --accent-dark: #8bbe46;    /* hover/press darken on accent elements */
  --accent-dim: #6f9a36;     /* muted accent on dark */
  --accent-ghost: rgba(163, 224, 82, 0.12); /* tinted fills, focus glow */

  /* ---- Semantic aliases ---- */
  --surface-page: var(--bg-dark);
  --surface-card: var(--bg-mid);
  --surface-raised: var(--bg-elevated);

  --text-heading: var(--text-primary);
  --text-body: var(--text-primary);
  --text-muted: var(--text-secondary);
  --text-faint: var(--text-tertiary);
  --text-on-accent: #141414;   /* dark text on lime fill */

  --border-subtle: var(--divider);
  --border-strong: var(--divider-strong);
  --border-accent: var(--accent);

  --focus-ring: var(--accent);
  --link: var(--accent);

  /* ---- Status (kept desaturated to fit the palette) ---- */
  --success: #a3e052;
  --warning: #f5c451;
  --danger: #ff5e5e;
  --info: #5ea0ff;
}