/* ============================================================
   PULSE ADMIN — design-tokens.css
   Deliberately distinct from client dashboard.
   Navy sidebar, cooler surfaces, denser information layout.
   ============================================================ */

:root {

  /* ── ADMIN ACCENT — navy blue ─────────────────────────────── */
  --accent:         #2563EB;
  --accent-dark:    #1D4ED8;
  --accent-darker:  #1E3A8A;
  --accent-light:   #EFF6FF;
  --accent-border:  rgba(37, 99, 235, 0.25);

  /* ── SIDEBAR — always deep navy, never changes ────────────── */
  --sidebar-bg:          #0F1C2E;
  --sidebar-text:        rgba(255,255,255,0.65);
  --sidebar-text-hover:  rgba(255,255,255,0.92);
  --sidebar-active-bg:   rgba(37,99,235,0.20);
  --sidebar-active-text: #93C5FD;
  --sidebar-border:      rgba(255,255,255,0.07);
  --sidebar-section-lbl: rgba(255,255,255,0.28);

  /* ── SURFACES — cooler and more institutional than client ─── */
  --bg:             #EEF2F7;
  --surface:        #FFFFFF;
  --surface-2:      #F8FAFC;
  --surface-sunken: #F1F5F9;

  /* ── BORDERS ─────────────────────────────────────────────── */
  --border:         rgba(0,0,0,0.08);
  --border-strong:  rgba(0,0,0,0.14);

  /* ── TEXT ────────────────────────────────────────────────── */
  --text:           #0F172A;
  --text-2:         #475569;
  --text-3:         #94A3B8;
  --text-inv:       #FFFFFF;

  /* ── SEMANTIC COLORS ─────────────────────────────────────── */
  --green:          #16A34A;
  --green-light:    #DCFCE7;
  --red:            #DC2626;
  --red-light:      #FEE2E2;
  --amber:          #D97706;
  --amber-light:    #FEF3C7;
  --blue:           #2563EB;
  --blue-light:     #EFF6FF;
  --purple:         #7C3AED;
  --purple-light:   #EDE9FE;
  --slate:          #475569;
  --slate-light:    #F1F5F9;

  /* ── STATUS BADGE COLORS ─────────────────────────────────── */
  --status-active:    #16A34A;
  --status-active-bg: #DCFCE7;
  --status-trial:     #2563EB;
  --status-trial-bg:  #EFF6FF;
  --status-pastdue:   #D97706;
  --status-pastdue-bg:#FEF3C7;
  --status-canceled:  #94A3B8;
  --status-canceled-bg:#F1F5F9;
  --status-suspended: #DC2626;
  --status-suspended-bg:#FEE2E2;
  --status-archived:  #6B7280;
  --status-archived-bg:#F3F4F6;

  /* ── LAYOUT ──────────────────────────────────────────────── */
  --sidebar-width:   240px;
  --page-padding:    32px;
  --radius:          10px;
  --radius-sm:       6px;
  --radius-full:     9999px;

  /* ── TYPOGRAPHY ──────────────────────────────────────────── */
  --font-sans:    'Inter', system-ui, -apple-system, sans-serif;
  --font-mono:    'JetBrains Mono', 'Fira Code', monospace;

  /* ── SHADOWS ─────────────────────────────────────────────── */
  --shadow-sm:   0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);
  --shadow:      0 4px 12px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);
  --shadow-lg:   0 8px 32px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);

  /* ── Z-INDEX ─────────────────────────────────────────────── */
  --z-sidebar:   100;
  --z-modal:     500;
  --z-toast:     600;
}