/* ============================================================
   SXTN OS · Color tokens
   One palette, fixed meaning. Surfaces stack deep → raised;
   ink steps down by emphasis; every semantic accent reads the
   same in every module. Control-room dark, always.
   ============================================================ */
:root {
  /* ---- Surfaces & structure (deep → raised) ---- */
  --base:      #0a0d13;   /* app background            */
  --chrome:    #0d1019;   /* topbar, rails, sidebars   */
  --panel:     #12161f;   /* cards, panels             */
  --raised:    #1b2130;   /* active / selected surface */
  --border:    #232a37;   /* hairlines                 */
  --border-hi: #2e3848;   /* control borders, hover    */
  --hairline:  #1a2130;   /* faint inner dividers      */
  --sep:       #3d4555;   /* dot separators, glyphs    */

  /* ---- Ink (text emphasis, high → low) ---- */
  --ink:     #e8ecf4;   /* headings                  */
  --body:    #c9d1e0;   /* body text                 */
  --muted:   #a6adc8;   /* secondary text            */
  --heading: #8f98a8;   /* section eyebrows          */
  --dim:     #8a90a4;   /* captions                  */
  --faint:   #767d92;   /* meta, fine print          */
  --label:   #5c6377;   /* uppercase labels          */

  /* ---- Semantic accents ---- */
  --accent:     #f97316;        /* primary · brand · selection   */
  --accent-rgb: 249,115,22;     /* @kind other */
  --green:      #a6e3a1;        /* owned · pass · alive          */
  --yellow:     #f9e2af;        /* partial · warn                */
  --red:        #f38ba8;        /* gap · fail · risk             */
  --blue:       #89b4fa;        /* plugin env · integrate        */
  --purple:     #cba6f7;        /* waived · cross-cutting        */
  --teal:       #94e2d5;        /* refs · glossary · spine       */

  /* ---- Selection & ambient ---- */
  --selection: rgba(var(--accent-rgb), .28);
  --app-bg: radial-gradient(135% 95% at 50% -12%, #10141d 0%, var(--base) 52%);

  /* ---- Semantic aliases (use these in product code) ---- */
  --surface-app:     var(--base);
  --surface-chrome:  var(--chrome);
  --surface-card:    var(--panel);
  --surface-active:  var(--raised);
  --text-heading:    var(--ink);
  --text-body:       var(--body);
  --text-muted:      var(--muted);
  --text-meta:       var(--faint);
  --border-default:  var(--border);
  --border-strong:   var(--border-hi);
}