/* ============================================================
   ТОПОР — Color Tokens
   Single source of truth. Reference via var(--tpr-*).
   Contrast notes are WCAG 2.1 AA, verified.
   Industrial: dark base, one signal red, lime product accent.
   ============================================================ */

:root {
  /* ---- Neutrals ---- */
  --tpr-ink:        #1B1B1E;  /* dark bg / hero                       */
  --tpr-carbon:     #26262A;  /* primary text on light                */
  --tpr-graphite:   #3C3C40;  /* headings on light                    */
  --tpr-slate:      #9A9A96;  /* secondary text — DARK bg ONLY        */
  --tpr-mist:       #E7E6E3;  /* light section bg                     */
  --tpr-paper:      #F4F3F1;  /* base bg                              */
  --tpr-white:      #FFFFFF;
  --tpr-line:       #E2E1DD;  /* hairline borders on light            */
  --tpr-line-dark:  #2E2E32;  /* hairline borders on dark             */

  /* ---- Text roles (contrast-safe) ---- */
  --tpr-text:           #26262A;  /* AAA on paper/white               */
  --tpr-text-secondary: #6F6F6B;  /* AA  on paper/white (4.55:1)      */
  --tpr-text-on-dark:   #FFFFFF;  /* AAA on ink                       */
  --tpr-text-sec-dark:  #9A9A96;  /* AA  on ink (6.1:1)               */
  --tpr-text-muted:     #8A8A86;  /* captions / meta on light         */

  /* ---- Accent · Signal Red ---- */
  --tpr-signal:        #E63A26;  /* brand red — large/bold text & fills */
  --tpr-signal-hover:  #C92E1C;  /* hover; AA for small text on white   */
  --tpr-signal-press:  #A5240F;  /* pressed                             */
  --tpr-signal-tint:   #FBECEA;  /* error field bg                      */

  /* ---- Accent · Volt Lime ---- */
  --tpr-lime:          #A6CE39;  /* product CTA — pair with DARK text only */

  /* ---- Feedback ---- */
  --tpr-error:    #C92E1C;  /* signal-red family — same as signal-hover */
  --tpr-error-tint: #FBECEA;
  --tpr-success:  #4F7A36;  /* muted olive — relates to Volt Lime        */
  --tpr-success-tint: #EEF2E6;
  --tpr-warn:     #8A6A1E;  /* muted bronze — desaturated to match base  */
  --tpr-warn-tint: #F4EEDF;

  /* ---- Semantic surfaces ---- */
  --tpr-surface-base:   var(--tpr-paper);
  --tpr-surface-card:   var(--tpr-white);
  --tpr-surface-alt:    var(--tpr-mist);
  --tpr-surface-invert: var(--tpr-ink);
}