/* NXTE design tokens - the one place platform colour is defined.
 *
 * Every page used to declare its own :root palette. They drifted, and the drift
 * was visible: the platform runs a warm, slightly green-biased neutral
 * (--border rgba(168,184,168,.5), --ts #9aab9a) while community.html had a cool
 * blue-grey one (#242a31, #8a94a2). Side by side the sidebar looked like a
 * different product, because the shared shell reads var(--border) and
 * var(--surface) and adopts whatever the page happens to declare.
 *
 * Values here are the dashboard's, which is the surface everything else is
 * judged against.
 *
 * Rules:
 *   - link this before the page's own <style>
 *   - do NOT redeclare these in a page :root; that is how the drift started
 *   - page-specific vars (--maxw, fonts, per-page sizing) still belong on the page
 */
:root{
  /* grounds and surfaces */
  --bg:#08090a;
  --surface:#0f1114;
  --card:#13161a;
  --elev:#1a1e24;

  /* interaction green. Links, buttons, active controls - never a trust signal. */
  --green:#4ade80;
  --gd:#22c55e;
  --gbg:rgba(74,222,128,0.08);

  /* trust / verified. Reserved: a verified mark, a partner badge, a ranked event. */
  --gn:#00ff88;
  --trust:var(--gn);
  --verified:var(--gn);

  /* status */
  --cyan:#22d3ee;
  --cn:#00e5ff;
  --purple:#a78bfa;
  --violet:#a78bfa;
  --amber:#fbbf24;
  --red:#f87171;
  --coral:#f87171;
  --teal:#2dd4bf;

  /* type. --ts is the AA-safe muted tone; --text-sec sits between it and --text. */
  --text:#eaeaea;
  --text-sec:#a8b8a8;
  --ts:#9aab9a;
  --muted:#9aab9a;

  /* lines. Slightly green-biased rather than a dead grey, which is what makes
     the neutral read as chosen instead of inherited. */
  --border:rgba(168,184,168,0.5);
  --border-bright:rgba(168,184,168,0.68);
  --ghost:rgba(255,255,255,0.12);

  /* broadcast system (docs/nxte-design-language.md, Part 2). Additions only. */
  --green-ui:#15803d;        /* green fill that carries WHITE text (5.0:1) */
  --ink-on-green:#04140a;    /* text on a bright green fill (10.9:1) */
  --cyan-deep:#0e7490;       /* cyan fill that carries white text */
  --live:#ff4655;            /* live, only with motion */
  --live-ui:#d91a36;         /* live chip fill behind white text */
  --line:rgba(255,255,255,0.08);
  --head:'Barlow Condensed','Chakra Petch',sans-serif;
  --label:'Chakra Petch',sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;

  /* layout */
  --sidebar:248px;
}