/* MessyNet Design Tokens · Signal in the Dark · July 2026 */
:root{
  /* Grounds — dark */
  --mn-night:#0B0E18;        /* primary dark ground */
  --mn-abyss:#07090B;        /* deepest ground: key visuals, heroes */
  --mn-panel:#10161C;        /* raised dark section */
  --mn-card:#152420;         /* card surface on dark */
  --mn-callout-bg:#122823;   /* callout surface on dark */
  /* Grounds — daylight */
  --mn-day:#F5F2E9;          /* reading surfaces, documents, email */
  --mn-day-line:#DDD8C9;     /* borders on daylight */
  /* Brand */
  --mn-teal:#00C4B0;         /* the mark, key accents · PMS 3265 C */
  --mn-deep:#0E4D46;         /* the loop, structure lines · PMS 3305 C */
  --mn-volt:#BBFF2B;         /* the signal dot — ONE per surface · PMS 375 C */
  /* Derived (not in brand book — interaction states only) */
  --mn-teal-hover:#00D8C2;   /* hover shade of teal */
  --mn-day-field:#FFFDF8;    /* input/field ground on daylight */
  --mn-day-line-strong:#B9B29E; /* stronger border on daylight */
  /* Lines on dark */
  --mn-border:#2B453F;
  --mn-wire:#1C3833;
  --mn-wire-subtle:#1A222B;
  /* Text on dark */
  --mn-heading:#F2F7F6;
  --mn-ice:#DEE9E7;
  --mn-body:#C3D4D1;
  --mn-mist:#8FA8A3;
  --mn-faint:#5F7A76;
  /* Text on daylight */
  --mn-ink:#17201E;
  --mn-ink-body:#3A453F;
  --mn-ink-soft:#4A554E;
  --mn-day-mist:#6D7A72;
  /* Logo wordmark ink · PMS Black 6 C */
  --mn-logo-ink:#03050A;
  /* Type */
  --mn-font-display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --mn-font-body:'DM Sans',ui-sans-serif,system-ui,sans-serif;
  --mn-font-mono:'JetBrains Mono',ui-monospace,'SF Mono',monospace;
  /* Radius */
  --mn-radius-sm:5px;
  --mn-radius-btn:6px;
  --mn-radius:8px;
  --mn-radius-lg:10px;
  /* Spacing scale (4px base) */
  --mn-s1:4px; --mn-s2:8px; --mn-s3:12px; --mn-s4:16px; --mn-s5:24px;
  --mn-s6:32px; --mn-s7:48px; --mn-s8:64px; --mn-s9:96px;
  /* Shadow — one elevation only */
  --mn-shadow:0 10px 36px rgba(0,0,0,.45);
}