:root{
  /* Color — brand */
  --nx-wave:#3BE08F;        /* main accent, wave in the mark, buttons */
  --nx-wave-deep:#0C9A5A;   /* wave on light backgrounds. Graphics only, NOT text (3.6:1) */
  --nx-moss:#0A6B42;        /* green text/links on light (6.6:1 on white) */
  --nx-forest:#0D3326;      /* deep green surfaces */
  --nx-sage:#B7D2C2;        /* secondary text on dark, soft fills */
  /* Color — neutrals */
  --nx-ink:#141816;         /* mark tile, text, dark backgrounds */
  --nx-ink-2:#1E2421;       /* raised surface on ink (inputs, cards) */
  --nx-line-dark:#3A443F;   /* borders on ink */
  --nx-stone:#5F6964;       /* secondary text on light (5.7:1 on white) */
  --nx-mist:#DCE2DE;        /* borders, dividers on light */
  --nx-cloud:#F2F5F3;       /* main light background */
  --nx-white:#FFFFFF;
  /* Type */
  --nx-font-display:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --nx-font-body:'Roboto','Helvetica Neue',Arial,sans-serif;
  /* Shape */
  --nx-radius-sm:10px;
  --nx-radius-md:12px;
  --nx-radius-mark:25%;     /* corner radius of the logo tile = 25% of its size */
  /* Spacing (4px base) */
  --nx-space-1:4px; --nx-space-2:8px; --nx-space-3:12px; --nx-space-4:16px;
  --nx-space-5:24px; --nx-space-6:32px; --nx-space-7:48px; --nx-space-8:64px;
  /* Motion */
  --nx-ease:cubic-bezier(.2,.7,.2,1);
}