:root{
  /* ── Base palette ─────────────────────────────────────────── */
  --nb-primary:#5DC196;            /* Neobit green - CTAs, accents, italics */
  --nb-primary-dark:#4AA87D;       /* pressed / darker green */
  --nb-primary-soft:#E9F6EF;       /* pale green wash */
  --nb-ink:#0B1210;                /* near-black green - text & rules */
  --nb-ink-deep:#050A08;           /* darkest - hero, philosophy, footer */
  --nb-white:#FFFFFF;
  --nb-paper:#F5F5F2;              /* warm off-white section background */
  --nb-gray-500:#6B7280;           /* secondary text */
  --nb-line:#E5E7E3;               /* hairline on light */
  --nb-line-dark:#1C2A25;          /* hairline on dark */

  /* Alpha ramps used on dark sections */
  --nb-white-a03:rgba(255,255,255,.03);
  --nb-white-a10:rgba(255,255,255,.10);
  --nb-white-a15:rgba(255,255,255,.15);
  --nb-white-a45:rgba(255,255,255,.45);
  --nb-white-a65:rgba(255,255,255,.65);
  --nb-white-a85:rgba(255,255,255,.85);

  /* ── Semantic aliases ─────────────────────────────────────── */
  --surface:var(--nb-white);
  --surface-alt:var(--nb-paper);
  --surface-inverse:var(--nb-ink-deep);
  --surface-card:var(--nb-white);
  --surface-card-hover:var(--nb-paper);
  --surface-card-dark:var(--nb-white-a03);

  --text-primary:var(--nb-ink);
  --text-secondary:var(--nb-gray-500);
  --text-accent:var(--nb-primary);
  --text-inverse:var(--nb-white);
  --text-inverse-muted:var(--nb-white-a65);

  --border-hairline:var(--nb-line);
  --border-strong:var(--nb-ink);
  --border-dark:var(--nb-line-dark);
  --border-inverse:var(--nb-white-a15);

  --action-fill:var(--nb-primary);
  --action-fill-ink:var(--nb-ink);
  --action-on-fill:var(--nb-ink-deep);
  --focus-ring:var(--nb-primary);
  --selection-bg:var(--nb-primary);
  --selection-fg:var(--nb-ink);
}