/* ───────────────────────────────────────────────────────────
   mory — Colors
   Ink is the only "accent". Brand voltage is atmospheric (pastel
   orbs), never chromatic. No saturated CTA color. Terracotta is
   dead code — do not use.
   ─────────────────────────────────────────────────────────── */
:root{
  /* ── Surface ── */
  --canvas:           #f5f5f5;   /* off-white page floor */
  --canvas-soft:      #fafafa;   /* lighter alternating band */
  --card:             #ffffff;   /* pure white card */
  --surface-strong:   #f0efed;   /* badges, pills, plates, avatar tints */
  --surface-dark:     #0c0a09;   /* rare dark band base */
  --surface-dark-elevated: #1c1917; /* cards on dark / dark gradient top */

  /* ── Text ── */
  --ink:        #0c0a09;   /* display + primary text */
  --body:       #4e4e4e;   /* default running text */
  --muted:      #777169;   /* sub-titles, eyebrows */
  --muted-soft: #a8a29e;   /* disabled / tertiary */
  --on-dark:        #ffffff;
  --on-dark-soft:   rgba(255,255,255,0.80);
  --on-dark-muted:  rgba(255,255,255,0.60);

  /* ── Accent = ink (not chromatic) ── */
  --accent:       #1c1917;   /* display accent words, emphasis */
  --accent-soft:  #f0efed;   /* = surface-strong */
  --pill-ink:     #292524;   /* primary CTA pill rest */
  --pill-ink-hover: #0c0a09; /* primary CTA pill hover */

  /* ── Hairlines ── */
  --hairline:        #e7e5e4;  /* default 1px divider */
  --hairline-strong: #d6d3d1;  /* outline button border / stronger rule */

  /* ── Atmospheric gradient orbs (decoration only — never fills/text) ── */
  --orb-peach:    #f4c5a8;
  --orb-mint:     #a7e5d3;
  --orb-lavender: #c8b8e0;
  --orb-sky:      #a8c8e8;
  --orb-rose:     #e8b8c4;

  /* ── Semantic ── */
  --success:        #16a34a;
  --success-plate:  #dcf3e6;  /* mint-tinted "live"/"done" plate */
  --success-ink:    #2c5e4f;  /* dark text on success plate */
  --error:          #dc2626;

  /* peach is the accent-word color on dark bands */
  --accent-on-dark: #f4c5a8;

  /* convenience aliases used by some components */
  --line:   var(--hairline);
  --line-2: var(--hairline-strong);
  --bg:      var(--canvas);
  --bg-alt:  var(--canvas-soft);
  --bg-dark: var(--surface-dark);
}