/* colors.css — canonical mood colour palette (Scheme B: warmer, earthier tones).
   All mood colours are defined here as CSS custom properties and referenced
   everywhere via var(--mood-*). Do not hardcode mood colours in other files.

   12 moods from px-mind reflection + "active" (legacy).
   JS files resolve via getPropertyValue('--mood-' + mood) — fallback #888.

   Two tint families:
     --mood-*-bg      light tints (warm/cream theme, kept for backward compat)
     --mood-*-surface dark tints (rgba overlays for use on --dark-bg #1a181c) */

:root {
  /* ── Low arousal, positive valence ────────────────────────────────────── */
  --mood-peaceful:       #4a9d8f;  /* teal — calm, still water */
  --mood-content:        #6b8e5e;  /* olive — warm satisfaction */

  /* ── Low arousal, neutral/negative valence ────────────────────────────── */
  --mood-contemplative:  #7b6fa0;  /* muted purple — inward, reflective */
  --mood-bored:          #8a8a8a;  /* grey — flat, disengaged */
  --mood-lonely:         #5b7ba5;  /* subdued blue — withdrawn */

  /* ── Mid arousal ──────────────────────────────────────────────────────── */
  --mood-curious:        #c48a3f;  /* amber — warm interest */
  --mood-mischievous:    #8da000;  /* olive chartreuse — cheeky, impish (brightened for dark bg) */
  --mood-grumpy:         #c44040;  /* red — hot, irritable */
  --mood-anxious:        #d4883a;  /* nervous orange — warm tension */

  /* ── High arousal ─────────────────────────────────────────────────────── */
  --mood-alert:          #00b8d4;  /* electric cyan — sharp, vigilant */
  --mood-playful:        #c74dbd;  /* bright magenta — bouncy energy */
  --mood-excited:        #d44a6b;  /* rose — peak positive energy */

  /* ── Legacy / compound ────────────────────────────────────────────────── */
  --mood-active:         #d46b4a;  /* terra cotta — general activity */

  /* ── Light background tints (warm/cream theme — backward compat) ───────── */
  --mood-peaceful-bg:       #e8f5f0;
  --mood-content-bg:        #eef5e8;
  --mood-contemplative-bg:  #f0ecf5;
  --mood-curious-bg:        #faf0e0;
  --mood-excited-bg:        #fae0ea;
  --mood-active-bg:         #fae8e0;
  --mood-bored-bg:          #f0f0f0;
  --mood-lonely-bg:         #e8eef5;
  --mood-mischievous-bg:    #f5f5e0;
  --mood-grumpy-bg:         #f5e0e0;
  --mood-anxious-bg:        #faf0e0;
  --mood-alert-bg:          #e0f5fa;
  --mood-playful-bg:        #f5e0f3;

  /* ── Dark surface tints (rgba overlays on #1a181c — use in dark theme) ── */
  --mood-peaceful-surface:       rgba( 74, 157, 143, 0.12);
  --mood-content-surface:        rgba(107, 142,  94, 0.12);
  --mood-contemplative-surface:  rgba(123, 111, 160, 0.12);
  --mood-bored-surface:          rgba(138, 138, 138, 0.08);
  --mood-lonely-surface:         rgba( 91, 123, 165, 0.12);
  --mood-curious-surface:        rgba(196, 138,  63, 0.12);
  --mood-mischievous-surface:    rgba(141, 160,   0, 0.12);
  --mood-grumpy-surface:         rgba(196,  64,  64, 0.12);
  --mood-anxious-surface:        rgba(212, 136,  58, 0.12);
  --mood-alert-surface:          rgba(  0, 184, 212, 0.12);
  --mood-playful-surface:        rgba(199,  77, 189, 0.12);
  --mood-excited-surface:        rgba(212,  74, 107, 0.12);
  --mood-active-surface:         rgba(212, 107,  74, 0.12);
}