/* ISKONIQ — Color system
   Brand palette (Brandbook, ground truth):
     Ink #030303 · Gray #848484 · Velvet #D62F43 · White #FFFFFF
   Neutral & velvet ramps and the data/emotion palette are harmonic
   extensions of these four — see readme.md "Intentional additions". */

:root {
  /* ---- Brand core ---- */
  --ink: #030303;
  --white: #ffffff;
  --gray: #848484;          /* brand Gray */
  --velvet: #d62f43;        /* brand Velvet */

  /* ---- Neutral ramp (warm-neutral, tuned around brand Gray) ---- */
  --neutral-0:   #ffffff;
  --neutral-50:  #f8f7f7;
  --neutral-100: #efeeee;
  --neutral-200: #e4e2e2;
  --neutral-300: #d0cdce;
  --neutral-400: #a9a6a7;
  --neutral-500: #848484;   /* = brand Gray */
  --neutral-600: #636162;
  --neutral-700: #474547;
  --neutral-800: #2a292b;
  --neutral-900: #141315;
  --neutral-950: #030303;   /* = Ink */

  /* ---- Velvet ramp ---- */
  --velvet-50:  #fcecee;
  --velvet-100: #f9d5da;
  --velvet-200: #f2acb5;
  --velvet-300: #ea7d8b;
  --velvet-400: #e15265;
  --velvet-500: #d62f43;    /* = brand Velvet */
  --velvet-600: #ba2739;
  --velvet-700: #96202f;
  --velvet-800: #741a25;
  --velvet-900: #55141c;
  --velvet-lifted: #f04458; /* dot on dark backgrounds (Brandbook: lifted for 3:1 contrast) */

  /* ---- Data / emotion palette (Hume analysis, charts) — extension ---- */
  --data-velvet:  #d62f43;
  --data-amber:   #d98a1f;
  --data-gold:    #c7a91e;
  --data-teal:    #2f9c8f;
  --data-indigo:  #4b62c4;
  --data-plum:    #8a4a9c;
  --positive: #2e7d57;
  --caution:  #c77d18;
  --critical: #c0293b;

  /* ---- Semantic surfaces ---- */
  --surface-page:   var(--neutral-50);
  --surface-card:   var(--neutral-0);
  --surface-sunken: var(--neutral-100);
  --surface-hover:  var(--neutral-50);
  --surface-ink:    var(--ink);
  --surface-ink-raised: #171618;
  --surface-accent-soft: var(--velvet-50);

  /* ---- Borders ---- */
  --border-subtle: var(--neutral-100);
  --border:        var(--neutral-200);
  --border-strong: var(--neutral-300);
  --border-ink:    rgba(255,255,255,0.10);

  /* ---- Text ---- */
  --text-primary:   var(--ink);
  --text-secondary: var(--neutral-600);
  --text-muted:     var(--neutral-500);
  --text-disabled:  var(--neutral-400);
  --text-inverse:   var(--white);
  --text-inverse-secondary: rgba(255,255,255,0.62);
  --text-accent:    var(--velvet-600);

  /* ---- Accent (interactive) ---- */
  --accent:        var(--velvet);
  --accent-hover:  var(--velvet-600);
  --accent-active: var(--velvet-700);
  --accent-soft:   var(--velvet-50);
  --accent-ring:   rgba(214, 47, 67, 0.22);
}