/* Nexus brand colors. Change colors here, not inside the pages. */
:root {
  /* from the logo */
  --nexus-cyan: #45C6E8;
  --nexus-yellow: #E9EE4E;

  /* dark ground */
  --nexus-ink: #0A0D12;      /* page background */
  --nexus-ink-2: #0D1219;    /* card background */
  --nexus-surface: #111722;  /* raised panel background */
  --nexus-line: #1F2937;     /* visible border */
  --nexus-line-soft: #182130;/* faint border */

  /* text */
  --nexus-text: #E9EDF3;     /* main text */
  --nexus-muted: #939DAD;    /* secondary text */
  --nexus-faint: #7C8698;    /* labels, smallest text (WCAG AA on the dark grounds) */

  /* derived */
  --nexus-cyan-soft: rgba(69, 198, 232, 0.13); /* cyan tint for backgrounds */
}