/* ===========================================================================
   DKSlab — Color tokens
   Neutral brand base + per-category peptide accents.
   =========================================================================== */
:root {
  /* ---- Brand base (the three brand colors) ---- */
  --dks-black: #1D1D1B;        /* Black        — ink, logo, type */
  --dks-cloud: #F1F0EC;        /* Cloud Dancer — paper / surface */
  --dks-air:   #BAC4D6;        /* Soft Air     — cool tint / supportive */

  /* ---- Neutral scale (derived from black ↔ cloud) ---- */
  --neutral-0:   #FFFFFF;
  --neutral-50:  #F7F6F3;
  --neutral-100: #F1F0EC;      /* = Cloud Dancer */
  --neutral-200: #E4E2DC;
  --neutral-300: #CFCdc6;
  --neutral-400: #A8A7A1;
  --neutral-500: #807F7A;
  --neutral-600: #5A5A56;
  --neutral-700: #3C3C3A;
  --neutral-800: #292927;
  --neutral-900: #1D1D1B;      /* = Black */

  /* Cool support tint scale (from Soft Air) */
  --air-100: #EAEDF3;
  --air-200: #D6DCE7;
  --air-300: #BAC4D6;          /* = Soft Air */
  --air-400: #94A1BA;
  --air-500: #6E7C99;

  /* ---- Peptide category accents ----
     Each category gets a label-band color, derived from the real vials. */
  --acc-metabolic:    #C2417F;  /* Metabólico — rosa metabólico (PT-141 / klow) */
  --acc-metabolic-2:  #E589B6;  /* Kisspeptin pink */
  --acc-gh:           #2E7D9A;  /* GH / NAD+ — verde-azul */
  --acc-gh-2:         #3FA9A0;  /* CJC/Ipa, TB500·BPC teal */
  --acc-skin:         #8E6FB5;  /* Piel / regeneración — lila (GHK-Cu) */
  --acc-skin-2:       #A99BD4;  /* MOTS-C lavanda */
  --acc-glp:          #2F6FC4;  /* GLP / incretina — azul (retatrutide) */
  --acc-glp-deep:     #1B3A8C;  /* retatrutide 50 navy */
  --acc-glp-soft:     #7FB1DD;  /* retatrutide 10 / Selank */
  --acc-neuro:        #4A5BC4;  /* Neurocognitivo — azul violáceo (Semax/DSIP) */
  --acc-longevity:    #8A8F5C;  /* Longevidad — olivo (Pinealon) */
  --acc-repair:       #D9772E;  /* Reparación — naranja (AOD-9604) */
  --acc-regen:        #4FA17B;  /* Regeneración — verde (Tesamorelin) */
  --acc-inert:        #9A9A95;  /* Inerte / control — gris (Epitalon) */

  /* ---- Semantic aliases ---- */
  --bg-page:        var(--dks-cloud);
  --bg-page-alt:    var(--neutral-0);
  --surface-card:   var(--neutral-0);
  --surface-sunken: var(--neutral-50);
  --surface-inverse:var(--dks-black);

  --text-strong:    var(--dks-black);
  --text-body:      var(--neutral-700);
  --text-muted:     var(--neutral-500);
  --text-faint:     var(--neutral-400);
  --text-on-dark:   var(--dks-cloud);
  --text-on-accent: var(--neutral-0);

  --border-hairline:var(--neutral-200);
  --border-strong:  var(--neutral-300);
  --border-ink:     var(--dks-black);

  --accent:         var(--acc-glp);   /* default brand accent */
  --accent-on:      var(--neutral-0);

  --focus-ring:     color-mix(in srgb, var(--acc-glp) 55%, transparent);

  /* Status (kept muted/scientific) */
  --ok:    #3F8F5F;
  --warn:  #C9881F;
  --error: #B23B3B;
  --info:  var(--acc-gh);
}