/* MeshLogic colour palette, shared by every page on the site (home, legal pages, Insights).
   Change a colour here and it changes everywhere. Pages use these as var(--paper), var(--ink)...
   Page-specific rules stay in each page; only the palette and its dark-mode version live here. */
.dir-signal{--paper:#FFFFFF;--surface:#F3F5F1;--panel:#0B0C0F;--ink:#0B0C0F;--ink-soft:#3A4046;--muted:#5C636B;--rule:#E2E5E0;--accent:#CBF24E;--accent-wash:#F1FBCE;--accent-line:#B4DC3A;--accent-ink:#4C7A12;--on-accent:#0B0C0F;--panel-ink:#FFFFFF;--panel-muted:#9AA1A8;--warn-wash:#FBF3D6;--warn-line:#D9B84A}
/* Dark mode: follows the visitor's OS / browser setting (prefers-color-scheme), no toggle and
   no JavaScript. Only the palette tokens change; every rule that uses var(--...) follows. The
   brand lime (--accent) is unchanged. --accent-ink is "green text on the page", so it becomes a
   light lime on dark; text ON a lime surface uses --on-accent, which stays dark in both modes. Body is always .dir-signal (the theme switch has no markup). */
@media (prefers-color-scheme: dark){
  .dir-signal{--paper:#0E1013;--surface:#15181C;--panel:#1C2127;--ink:#ECEEEA;--ink-soft:#C6CBCF;--muted:#98A0A7;--rule:#2A3037;--accent:#CBF24E;--accent-wash:#1E2711;--accent-line:#A9D13A;--accent-ink:#B7E04A;--on-accent:#0B0C0F;--panel-ink:#FFFFFF;--panel-muted:#A3AAB1;--warn-wash:#2A2413;--warn-line:#B99B3E}
  /* The logo mark is a black PNG; invert it to match the light wordmark (--ink #ECEEEA is ~92%). */
  .dir-signal .logo .lmark{filter:invert(.92)}
  /* Primary buttons use --panel, which is dark in this palette, so they sank into the page
     (1.2:1 against it). On dark they become the brand lime with dark text: 15.2:1 text,
     14.8:1 against the page. */
  .dir-signal .btn-solid{background:var(--accent);color:var(--on-accent)}
  .dir-signal .btn-solid:hover{background:#D8F76E}
}