/* Color tokens.
   Brand core = official Spark brand spec (Pantone-matched).
   UI palette = production CSS from ai.madbotter.com (Blueprint site). */

:root {
  /* ---- Brand core (official spec) ---- */
  --tmb-black: #231f20;   /* PANTONE Black C — primary */
  --tmb-green: #8cc63f;   /* PANTONE 7488 C — secondary */
  --tmb-purple: #704099;  /* PANTONE 526 C — secondary */
  --tmb-orange: #eaa33c;  /* PANTONE 7409 C — secondary */

  /* ---- Ink (text) ---- */
  --ink: #222222;
  --ink-deep: #111111;
  --muted: #77737a;
  --paper-dim: #6f6f76;   /* lede / secondary copy */

  /* ---- Paper (surfaces) ---- */
  --paper: #ffffff;
  --paper-soft: #f7f7f8;
  --paper-warm: #f3f2f4;

  /* ---- Purple scale (primary UI hue) ---- */
  --purple: #7b4aa0;
  --purple-deep: #4b1354;
  --purple-soft: #eee7f4;

  /* ---- Green / amber / danger ---- */
  --green: #8cc63f;
  --green-deep: #6fa32f;
  --amber: #eaa33c;
  --danger: #d13f5b;

  /* ---- Lines ---- */
  --line: #e6e2ea;
  --line-strong: #d7cfdf;

  /* ---- Terminal (dark) palette ---- */
  --terminal-bg: #151018;
  --terminal-top: #21162a;
  --terminal-fg: #f7f3fb;
  --terminal-err: #ff6f8c;
  --terminal-ok: #8cc63f;
  --terminal-q: #eee7f4;

  /* ---- Product accents (sampled from supplied logo art; approximate) ---- */
  --alice-blue: #29abe2;
  --alice-navy: #1b1464;
  --vorpal-orange: #f7941e;
  --vorpal-orange-deep: #f15a24;
  --vorpal-ink: #1d2330;

  /* ---- Semantic aliases ---- */
  --text-body: var(--ink);
  --text-heading: var(--ink-deep);
  --text-secondary: var(--paper-dim);
  --text-muted: var(--muted);
  --text-accent: var(--purple-deep);
  --surface-page: var(--paper);
  --surface-section: var(--paper-soft);
  --surface-card: #ffffff;
  --surface-selected: var(--purple-soft);
  --border-default: var(--line);
  --border-strong: var(--line-strong);
  --action-primary: var(--purple);
  --action-primary-hover: var(--purple-deep);
  --action-secondary: var(--green);
  --focus-ring: rgba(140, 198, 63, 0.35);
}