/* ==========================================================================
   NewSelf — Color tokens
   Source: NewSelf Brand Guide + newselfmeds website
   ========================================================================== */
:root {
  /* --- Brand core --- */
  --nc-lime: #e9ff86;        /* Primary — CTA fills, highlights, accent chips */
  --nc-lime-ink: #c8e04a;    /* Deeper lime for lime-on-lime borders / hovers */
  --nc-sky: #c9e8ff;         /* Secondary — soft blue surfaces */
  --nc-blue: #205089;        /* Secondary — deep brand blue, links, headings on light */
  --nc-blue-700: #17406f;    /* Pressed / darker blue */

  /* --- Neutrals --- */
  --nc-ink: #0d0f0d;         /* Near-black text */
  --nc-ink-2: #3d423d;       /* Secondary text */
  --nc-ink-3: #6b716b;       /* Muted text / captions */
  --nc-line: #e4e8e2;        /* Hairline borders */
  --nc-line-2: #d3d8cf;      /* Stronger borders */
  --nc-paper: #ffffff;       /* Base surface */
  --nc-mist: #f6f8f3;        /* Off-white section background */
  --nc-cloud: #eef3f6;       /* Cool grey panel */

  /* --- Category colors (soft / accent pairs) --- */
  --nc-metabolic-soft: #ccf9ca;  --nc-metabolic: #81c67d;
  --nc-horizon-soft:   #ebdeff;  --nc-horizon:   #ae97db;
  --nc-clarity-soft:   #d4f3ff;  --nc-clarity:   #88cde2;
  --nc-glow-soft:      #f8d8b8;  --nc-glow:      #e2a269;
  --nc-drive-soft:     #f7f492;  --nc-drive:     #709ad6;
  --nc-recover-soft:   #c4e8e4;  --nc-recover:   #5fd6c4;
  --nc-heart-soft:     #f8c4b8;  --nc-heart:     #e5778c;
  --nc-energy-soft:    #f7f492;  --nc-energy:    #e0db19;

  /* --- Gradients --- */
  --nc-gradient-primary: linear-gradient(120deg, #e9ff86 0%, #c9e8ff 100%); /* @kind color */
  --nc-gradient-secondary: linear-gradient(120deg, #c9e8ff 0%, #ffffff 100%); /* @kind color */

  /* --- Semantic aliases --- */
  --text-strong: var(--nc-ink);
  --text-body: var(--nc-ink-2);
  --text-muted: var(--nc-ink-3);
  --text-on-brand: var(--nc-ink);        /* black on lime/sky */
  --text-link: var(--nc-blue);

  --surface-page: var(--nc-paper);
  --surface-alt: var(--nc-mist);
  --surface-card: var(--nc-paper);
  --surface-sky: var(--nc-sky);
  --surface-mint: var(--nc-metabolic-soft);
  --surface-cloud: var(--nc-cloud);

  --accent: var(--nc-lime);
  --accent-ink: var(--nc-lime-ink);
  --border-hairline: var(--nc-line);
  --border-strong: var(--nc-line-2);

  --success: #2e9e5b;
  --danger: #d1443a;
}