/* Clinics Digital — COLOR PRIMITIVES
   Layer 1: raw values. Change the brand = edit these; semantics propagate.
   Source of truth: design-tokens.json (BRANDING.pdf). */
:root {
  /* Brand spectrum — the four-color signature, in order */
  --color-brand-mint:   #62F79C;
  --color-brand-teal:   #05E8D6;
  --color-brand-blue:   #4989EE;
  --color-brand-violet: #6F54FC;

  --color-ink:   #01050A;
  --color-white: #FFFFFF;

  /* Neutral ramp — cool grays tuned to the ink */
  --color-neutral-0:   #FFFFFF;
  --color-neutral-50:  #F5F7FA;
  --color-neutral-100: #E9EDF3;
  --color-neutral-200: #D3DAE4;
  --color-neutral-300: #B4BECD;
  --color-neutral-400: #8A94A6;
  --color-neutral-500: #626B7D;
  --color-neutral-600: #464E5E;
  --color-neutral-700: #2E3542;
  --color-neutral-800: #1A2029;
  --color-neutral-900: #0E131B;
  --color-neutral-950: #01050A;

  /* Status primitives (derived to harmonize with the spectrum) */
  --color-green-500: #2FD98B;
  --color-amber-500: #F7B733;
  --color-red-500:   #FF4D6D;
  --color-blue-300:  #6BA0F2;
  --color-violet-300: #8E78FD;

  /* Signature gradients — the 4-stop spectrum is the brand's hero mark */
  --gradient-brand:      linear-gradient(135deg, #62F79C 0%, #05E8D6 34%, #4989EE 68%, #6F54FC 100%); /* @kind color */
  --gradient-brand-soft: linear-gradient(135deg, #05E8D6 0%, #6F54FC 100%); /* @kind color */
  --gradient-brand-vert: linear-gradient(180deg, #4989EE 0%, #6F54FC 100%); /* @kind color */
}