/* ============================================================
   Sanu OS — Color tokens
   Indigo-violet accent · layered depth · light + dark
   ============================================================ */

:root {
  /* ---- accent (indigo-violet) ---- */
  --accent:        #5b46f0;
  --accent-2:      #7b5cff;
  --accent-ink:    #ffffff;
  --accent-soft:   #efecfe;
  --accent-glow:   rgba(91,70,240,.28);

  /* ---- status ---- */
  --ok:       #12a150;
  --ok-soft:  #e4f6ec;
  --ok-ink:   #0c7a3c;

  --warn:      #d98a00;
  --warn-soft: #fbeece;
  --warn-ink:  #9a6200;

  --danger:      #e5484d;
  --danger-soft: #fde5e5;
  --danger-ink:  #b42a2f;

  --sky:      #2e90fa;
  --sky-soft: #e4f0ff;
  --sky-ink:  #1b6fd0;

  --muted-soft: #eef0f4;
  --muted-ink:  #595f6d;

  /* ---- surfaces (light, default) ---- */
  --bg:        #f6f6f9;
  --bg-deep:   #efeff4;
  --panel:     #ffffff;
  --panel-2:   #fafafc;
  --elev:      #ffffff;

  /* ---- borders ---- */
  --line:      #ededf2;
  --line-2:    #e2e2ea;

  /* ---- ink ---- */
  --ink:       #0e1116;
  --ink-2:     #595f6d;
  --ink-3:     #6b7280;  /* was #9197a5 — WCAG AA on light bg (>=4.5:1 text) */
  --ink-4:     #8a90a0;  /* was #b9bec9 — WCAG AA (>=3:1 UI/large) */

  /* ---- icon rail (always dark) ---- */
  --rail:             #14141b;
  --rail-ink:         #8b8f9e;
  --rail-ink-active:  #ffffff;
  --rail-active-bg:   rgba(255,255,255,.10);
}

/* ---- DARK theme overrides ---- */
[data-theme="dark"] {
  --bg:        #0a0b0e;
  --bg-deep:   #060709;
  --panel:     #15161c;
  --panel-2:   #1a1c23;
  --elev:      #1c1e26;
  --line:      #262833;
  --line-2:    #31343f;
  --ink:       #f2f3f7;
  --ink-2:     #a2a8b6;
  --ink-3:     #9298a6;  /* was #6d7280 — WCAG AA on dark bg */
  --ink-4:     #767c8a;  /* was #4c505c — WCAG AA (>=3:1 UI/large) */
  --rail:      #0d0e12;
  --rail-ink:  #777c8b;
  --rail-ink-active: #ffffff;
  --rail-active-bg:  rgba(255,255,255,.08);

  --accent:      #7c6bff;
  --accent-2:    #9b86ff;
  --accent-soft: #1f1d3a;
  --accent-glow: rgba(124,107,255,.35);

  --ok-soft: #0e2a1b;  --ok-ink: #4ad58a;
  --warn-soft: #2d2410; --warn-ink: #f0b54a;
  --danger-soft: #2e1517; --danger-ink: #ff8186;
  --sky-soft: #11233c;  --sky-ink: #66b2ff;
  --muted-soft: #20222b; --muted-ink: #a2a8b6;
}