/* ─────────────────────────────────────────────────────────────
   M Studio admin design system — design tokens.
   Source of truth: Foundation Document/UI_Design/mockups/therapists_list.html
   Anchor: Juniper Mist (light) + invented "dark Mist" (07/05/2026).

   Loaded by templates/admin_shell.html before any other admin CSS.
   ───────────────────────────────────────────────────────────── */

:root {
  /* light mode (Mist-anchored) */
  --sidebar-bg:        #16263d;
  --sidebar-text:      #c8d2dd;
  --sidebar-text-mute: #8392a5;
  --sidebar-active:    #ffffff;
  --sidebar-active-bg: rgba(255,255,255,0.06);
  --sidebar-border:    #1f3252;

  --page-bg:           #f5f7fa;
  --card-bg:           #ffffff;
  --border:            #e5e8ec;
  --border-strong:     #d2d7de;

  --text:              #2a3144;
  --text-mute:         #6b7280;
  --text-faint:        #9aa1ac;
  --label:             #6b7280;

  --accent:            #0077c8;
  --accent-hover:      #005f9f;
  --status-green:      #10b981;
  --status-red:        #ef4444;
  --row-hover:         #f8fafc;

  --shadow-card:       0 1px 2px rgba(20, 30, 50, 0.04),
                       0 1px 3px rgba(20, 30, 50, 0.04);

  --radius:            10px;
  --radius-sm:         6px;
}

body.dark {
  /* dark mode (invented "dark Mist") */
  --sidebar-bg:        #0f1a2c;
  --sidebar-text:      #c8d2dd;
  --sidebar-text-mute: #6b7c93;
  --sidebar-active:    #ffffff;
  --sidebar-active-bg: rgba(255,255,255,0.05);
  --sidebar-border:    #1a2840;

  --page-bg:           #1a2233;
  --card-bg:           #232c41;
  --border:            #2f3a52;
  --border-strong:     #3a4660;

  --text:              #e5e8ec;
  --text-mute:         #9aa6b8;
  --text-faint:        #6b7c93;
  --label:             #9aa6b8;

  --accent:            #3a9bdc;
  --accent-hover:      #5cb3ed;
  --status-green:      #34d399;
  --status-red:        #f87171;
  --row-hover:         #2a334a;

  --shadow-card:       0 1px 2px rgba(0, 0, 0, 0.2),
                       0 1px 3px rgba(0, 0, 0, 0.15);
}