/* Sensometriks — Color tokens
   Derived from the Misiots wordmark (electric indigo signal), the Sensometriks
   charcoal/silver wordmark, the dark proposal-deck backgrounds, and the live
   monitoring dashboard (periwinkle data fills, navy strokes, status colors). */
:root {
  /* ---- Brand: electric indigo (Misiots signal) ---- */
  --indigo-50:  #F4F2FF;
  --indigo-100: #E9E4FF;
  --indigo-200: #CFC2FF;
  --indigo-300: #A88FFF;
  --indigo-400: #7A55FF;
  --indigo-500: #4D29FF;
  --indigo-600: #3300FF;  /* core brand accent */
  --indigo-700: #2900CC;
  --indigo-800: #20009E;

  /* ---- Ink & neutral silver (Sensometriks wordmark) ---- */
  --ink-900:  #17181C;   /* near-black, Misiots wordmark */
  --ink-800:  #24262B;
  --ink-700:  #3A3D42;   /* Sensometriks charcoal */
  --slate-600:#565A61;
  --slate-500:#6B7078;
  --slate-400:#8F9295;   /* logo bar silver */
  --slate-300:#B7BABF;
  --slate-200:#D7D9DC;
  --slate-100:#EBECEE;
  --slate-50: #F6F7F8;
  --white:    #FFFFFF;

  /* ---- Carbon (dark deck / hero surfaces) ---- */
  --carbon-900:#0F0F11;
  --carbon-850:#141416;
  --carbon-800:#1B1C1F;
  --carbon-700:#26272B;

  /* ---- Data & status (monitoring dashboard) ---- */
  --data-periwinkle:      #6E7BFF;  /* water / data fill */
  --data-periwinkle-soft: #A7B0FF;
  --data-navy:            #1E1E64;  /* widget vector strokes */

  --success:    #35A24A;   /* GLP / healthy */
  --success-soft:#E4F5E7;
  --warning:    #E0A800;   /* fuel / attention (olive-amber) */
  --warning-soft:#FBF0CF;
  --danger:     #E5352B;   /* alarm / critical */
  --danger-soft:#FCE5E3;
  --info:       #0F6E64;   /* alarm-panel teal */
  --info-soft:  #DCEFEC;

  /* ================= Semantic aliases ================= */
  --bg-page:        var(--slate-50);
  --bg-canvas:      var(--white);
  --surface-card:   var(--white);
  --surface-sunken: #F1F2F4;
  --surface-dark:   var(--carbon-850);
  --surface-dark-raised: var(--carbon-800);

  --text-strong:    var(--ink-900);
  --text-body:      var(--ink-700);
  --text-muted:     var(--slate-500);
  --text-faint:     var(--slate-400);
  --text-on-dark:       var(--white);
  --text-on-dark-muted: rgba(255,255,255,0.66);
  --text-accent:    var(--indigo-600);

  --border-subtle:  #E4E6E9;
  --border-default: var(--slate-200);
  --border-strong:  var(--slate-300);
  --border-dark:    rgba(255,255,255,0.12);

  --accent:        var(--indigo-600);
  --accent-hover:  var(--indigo-500);
  --accent-press:  var(--indigo-700);
  --accent-tint:   var(--indigo-50);
  --accent-contrast: var(--white);

  --focus-ring:    rgba(51,0,255,0.35);
}