/* ============================================================
   COLORS — Pamela Krista
   Six brand colors (all muted pastels + onyx), plus the
   product-tool tints lifted directly from the live codebase.
   ============================================================ */

:root {
  /* ---- Brand core (from the printed brand guide) ---- */
  --pk-lavender:    #CFB8FC;   /* 01 — anchor */
  --pk-blush:       #E8D6E8;   /* 02 */
  --pk-periwinkle:  #D9DEF0;   /* 03 */
  --pk-lemon:       #E8EF7F;   /* 04 — use sparingly */
  --pk-chalk:       #F0EBE8;   /* 05 — warm paper neutral */
  --pk-onyx:        #212121;   /* 06 — near-black ink */

  /* ---- Lavender scale (product tints, muted) ---- */
  --purple-50:   #F4EFFC;
  --purple-100:  #E4DAFB;
  --purple-200:  #CFB8FC;   /* = brand lavender */
  --purple-400:  #C0A5F4;
  --purple-500:  #CFB8FC;   /* accent alias */
  --purple-600:  #B194E8;   /* deeper — hover/active */

  /* ---- Surfaces ---- */
  --bg-page:   #FDFBFE;     /* near-white, a whisper of lavender */
  --bg-card:   #FFFFFF;
  --bg-soft:   #F1ECFD;     /* soft lavender fill (pills, info) */

  /* ---- Text ---- */
  --ink:        #212121;    /* brand onyx */
  --ink-plum:   #2E2747;    /* deep aubergine — soft alt to black; primary text on pastels */
  --ink-soft:   #5A536B;    /* muted plum-grey for body */
  --ink-muted:  #8A8398;    /* captions, hints */
  --accent-grape: #6A4CC4;  /* saturated lavender — readable accent on light backgrounds */

  /* ---- Lines & status ---- */
  --border:  #E7E0F0;       /* soft lavender hairline */
  --error:   #D94545;
  --warn-bg:     #FFF4E5;
  --warn-border: #FFD9A8;
  --warn-ink:    #8A5A0F;

  /* ---- Chip washes (desaturated brand colors) ---- */
  --chip-lavender: #EFE2FE;
  --chip-blush:    #F4E5F0;
  --chip-lemon:    #F6F7CC;

  /* ---- Semantic aliases ---- */
  --text-heading:   var(--ink);
  --text-body:      var(--ink-soft);
  --text-muted:     var(--ink-muted);
  --accent:         var(--purple-500);
  --accent-hover:   var(--purple-600);
  --surface-page:   var(--bg-page);
  --surface-card:   var(--bg-card);
  --surface-soft:   var(--bg-soft);
  --border-default: var(--border);
}