/* Diales · Сигнал — Color tokens
   One blue accent on graphite/paper. No gradients, no neon.
   Base palette straight from brand-board 01 "Сигнал". */

:root {
  /* ---- Base palette ---- */
  --graphite: #0E1116;   /* Графит  — text, dark sections */
  --electric: #1E45FB;   /* Электрик-блю — single accent: CTA, links, score */
  --slate:    #5B6472;   /* Сланец  — secondary text, captions */
  --fog:      #D7DCE5;   /* Туман   — borders, dividers, grid */
  --paper:    #F7F8FA;   /* Бумага  — page / section background */
  --white:    #FFFFFF;   /* Белый   — cards on paper */

  /* ---- Accent ramp (derived from electric, for hover/press/tints) ---- */
  --electric-700: #1638CC;  /* press / hover-dark */
  --electric-600: #1E45FB;  /* base */
  --electric-100: #EAF0FF;  /* tint fill (info chips, soft buttons) */
  --electric-050: #F2F6FF;  /* faint tint background */

  /* ---- Score / status semantics (charts, report mocks only) ---- */
  --track:    #EBEEF3;   /* score-meter track */
  --success:  #1B8A5A;   /* growth / "сделка в работе" */
  --success-bg: #E7F4EE;
  --danger:   #D33A3A;   /* «где слили» 🩸 — точечно, only in report mocks */
  --danger-bg: #FBEAEA;
  --warning:  #B26A00;   /* приоритет / attention */
  --warning-bg: #FBF1E0;

  /* ---- Semantic aliases (use these in components) ---- */
  --bg-page:        var(--paper);
  --bg-surface:     var(--white);
  --bg-inverse:     var(--graphite);
  --bg-tint:        var(--electric-100);

  --text-strong:    var(--graphite);
  --text-body:      #2A3038;        /* slightly lifted graphite for paragraphs */
  --text-muted:     var(--slate);
  --text-onaccent:  var(--white);
  --text-oninverse: #ECECF5;
  --text-oninverse-muted: #9AA3B2;

  --accent:         var(--electric);
  --accent-hover:   var(--electric-700);

  --border:         var(--fog);
  --border-strong:  #C2C9D4;
  --border-inverse: rgba(255,255,255,0.12);

  --focus-ring:     rgba(30,69,251,0.35);
}

/* ---- Optional dark theme (Сигнал, night) ---- */
[data-theme="dark"] {
  --bg-page:    #0A0B0F;
  --bg-surface: #11141A;
  --bg-inverse: #000000;
  --bg-tint:    rgba(91,141,239,0.14);

  --text-strong:  #ECECF5;
  --text-body:    #D5D8E0;
  --text-muted:   #9AA3B2;

  --accent:       #5B8DEF;   /* electric lightens on dark */
  --accent-hover: #7AA4F2;

  --border:        #23262F;
  --border-strong: #313640;
  --track:         #1B1F27;
}