/* Consystence — design tokens
 * Session-bound UI tree, three renderers (web · winui3 · cli).
 * Import or copy these into any renderer. */

:root {
  /* ---- Brand core ---- */
  --csy-navy-900: #00070d;   /* deepest background */
  --csy-navy-800: #000d15;
  --csy-navy-700: #00131f;
  --csy-navy-600: #001824;
  --csy-navy-500: #002236;   /* primary navy — surfaces, title bars */
  --csy-navy-400: #00212f;   /* raised card */

  --csy-cyan:     #00C5FF;   /* primary accent / brand gradient start (mark bottom) */
  --csy-cyan-300: #5AA6FF;
  --csy-blue:     #3A7BFF;   /* gradient mid anchor */
  --csy-violet:   #7B5BFF;
  --csy-purple:   #B900FF;   /* brand gradient end (mark top) */

  /* Signature gradient — cyan (bottom-left) -> blue -> purple (top-right). Mark, wordmark, accents. */
  --csy-gradient: linear-gradient(45deg, #00C5FF 0%, #3A7BFF 45%, #B900FF 100%);
  --csy-gradient-banner: linear-gradient(118deg, #00C5FF 0%, #36A6FF 32%, #7B5BFF 64%, #B900FF 100%);

  /* ---- Status (ISA-style) ---- */
  --csy-ok:    #2fe0a6;      /* running / good / energised */
  --csy-warn:  #ffb84d;      /* medium alarm / cache quality */
  --csy-low:   #d9c44a;      /* low alarm */
  --csy-fault: #ff5f6e;      /* high alarm / fault */
  --csy-fault-win: #c42b1c;  /* WinUI3 critical (Fluent) */
  --csy-idle:  #6b8794;      /* stopped / standby */

  /* ---- Text on dark ---- */
  --csy-text:        #e6f0f4;
  --csy-text-soft:   #cfe0e6;
  --csy-text-muted:  #8fa6b0;
  --csy-text-dim:    #5f7884;
  --csy-text-faint:  #3f5560;

  /* ---- Hairlines ---- */
  --csy-line-cyan:  rgba(0,197,255,.13);
  --csy-line-soft:  rgba(255,255,255,.06);

  /* ---- Type ---- */
  --csy-font-display: "Montserrat", system-ui, sans-serif;   /* logo / headings */
  --csy-font-web:     "Inter", system-ui, sans-serif;        /* web renderer UI */
  --csy-font-native:  "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif; /* winui3 */
  --csy-font-mono:    "JetBrains Mono", "Cascadia Code", ui-monospace, monospace;  /* cli / data / tags */

  /* ---- Radius ---- */
  --csy-radius-sm: 6px;
  --csy-radius-md: 8px;
  --csy-radius-lg: 12px;
}