/* ============================================================
   MEDICORTEX — COLOR TOKENS
   Primary brand violet #6858D0 is lifted directly from the 2026
   "Medicortex International AB (publ)" logo. Neutrals are subtly
   violet-tinted (cool) so greys feel related to the brand, not sterile.
   Bio-Teal is the diagnostic signal accent (data, "result", highlights).
   ============================================================ */
:root {
  /* ---- Brand violet ---- */
  --violet-50:  #f5f3fd;
  --violet-100: #ece8fb;
  --violet-200: #d6cff7;
  --violet-300: #b6acf0;
  --violet-400: #9385e8;
  --violet-500: #7a6be0;
  --violet-600: #6858d0;   /* ← brand primary, the logo purple */
  --violet-700: #5546b8;
  --violet-800: #443a90;
  --violet-900: #2f2862;
  --violet-950: #1d1840;

  /* ---- Ink / neutrals (violet-tinted, cool) ---- */
  --ink-950: #14122a;      /* deep violet-navy — dark sections, headlines */
  --ink-900: #1c1a35;
  --ink-800: #2a2747;
  --ink-700: #3d3a5c;
  --ink-600: #56536f;
  --ink-500: #6e6b85;
  --ink-400: #908da3;
  --ink-300: #b9b7c7;
  --ink-200: #d9d8e2;
  --ink-100: #ecebf1;
  --ink-50:  #f6f6f9;
  --white:   #ffffff;

  /* ---- Bio-Teal — diagnostic signal accent ---- */
  --teal-50:  #effbf8;
  --teal-100: #d4f6ef;
  --teal-200: #a6ede0;
  --teal-300: #6ee0cd;
  --teal-400: #34d6c5;     /* bridges the earlier web direction */
  --teal-500: #1fc7b0;
  --teal-600: #12a294;
  --teal-700: #0d7d73;

  /* ---- Semantic status ---- */
  --green-500:  #17a06b;
  --green-100:  #d6f3e6;
  --amber-500:  #e8a33d;
  --amber-100:  #fbedd3;
  --red-500:    #e5484d;
  --red-100:    #fbdcdd;
  --blue-500:   #4a7de0;
  --blue-100:   #dde8fb;

  /* ============================================================
     SEMANTIC ALIASES — author UIs against these, not the raw scales
     ============================================================ */

  /* Brand */
  --brand:            var(--violet-600);
  --brand-hover:      var(--violet-700);
  --brand-active:     var(--violet-800);
  --brand-subtle:     var(--violet-100);
  --brand-subtle-2:   var(--violet-50);
  --brand-contrast:   var(--white);
  --accent:           var(--teal-500);
  --accent-hover:     var(--teal-600);
  --accent-subtle:    var(--teal-100);

  /* Text */
  --text-strong:   var(--ink-950);   /* headlines */
  --text-body:     var(--ink-800);   /* paragraphs */
  --text-muted:    var(--ink-600);   /* secondary */
  --text-subtle:   var(--ink-400);   /* captions, placeholders */
  --text-on-brand: var(--white);
  --text-on-dark:  rgba(255,255,255,0.92);
  --text-on-dark-muted: rgba(255,255,255,0.62);
  --text-link:     var(--violet-700);

  /* Surfaces */
  --surface-page:    var(--ink-50);
  --surface-card:    var(--white);
  --surface-sunken:  var(--ink-100);
  --surface-raised:  var(--white);
  --surface-inverse: var(--ink-950);
  --surface-brand:   var(--violet-600);
  --surface-tint:    var(--violet-50);
  --surface-accent-tint: var(--teal-50);

  /* Borders */
  --border-subtle:  var(--ink-100);
  --border-default: var(--ink-200);
  --border-strong:  var(--ink-300);
  --border-brand:   var(--violet-300);
  --border-inverse: rgba(255,255,255,0.14);

  /* Status (semantic) */
  --success:        var(--green-500);
  --success-subtle: var(--green-100);
  --warning:        var(--amber-500);
  --warning-subtle: var(--amber-100);
  --danger:         var(--red-500);
  --danger-subtle:  var(--red-100);
  --info:           var(--blue-500);
  --info-subtle:    var(--blue-100);

  /* Diagnostic result semantics (TBI domain: positive = injury detected) */
  --result-positive: var(--amber-500);   /* attention — biomarker present */
  --result-negative: var(--teal-500);    /* all clear */
  --result-invalid:  var(--ink-400);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(104,88,208,0.35); /* @kind shadow */
}