/* ============================================================
   Moderation Console — Design Tokens
   Clean, light, enterprise Trust & Safety tooling.
   Neutral surfaces, one restrained accent, functional status
   colors. No brand/game theming.
   ============================================================ */

:root{
  /* --- surfaces --- */
  --bg:        #f5f6f8;   /* app canvas */
  --panel:     #ffffff;   /* cards / panels */
  --panel2:    #f9fafb;   /* raised / hover surfaces */
  --rail:      #ffffff;   /* side rails */
  --rail2:     #fafbfc;   /* subtle rail fill */
  --line:      #e5e7eb;   /* borders */
  --hair:      #eef0f3;   /* hairline dividers */

  /* --- text --- */
  --txt:       #111827;   /* primary */
  --txt2:      #374151;   /* strong secondary */
  --muted:     #6b7280;   /* secondary */
  --dim:       #9ca3af;   /* tertiary / labels */

  /* --- accent (restrained indigo) --- */
  --accent:      #4f46e5;
  --accent-hover:#4338ca;
  --accent-soft: #eef2ff;
  --accent-border:#c7d2fe;

  /* --- functional status --- */
  --ok:#15803d;       --ok-soft:#f0fdf4;       --ok-border:#bbf7d0;
  --warn:#b45309;     --warn-soft:#fffbeb;     --warn-border:#fde68a;
  --danger:#dc2626;   --danger-soft:#fef2f2;   --danger-border:#fecaca;
  --info:#1d4ed8;     --info-soft:#eff6ff;     --info-border:#bfdbfe;
  --escalate:#7c3aed; --escalate-soft:#f5f3ff; --escalate-border:#ddd6fe;

  /* neutral avatar fill */
  --av-bg:#eef1f6; --av-txt:#475569;

  /* --- type --- */
  --font: "Inter","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono: "Roboto Mono",ui-monospace,"SFMono-Regular","Menlo","Consolas",monospace;

  /* --- shape & depth --- */
  --r-sm:6px; --r-md:8px; --r-lg:12px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.05);
  --shadow-md:0 1px 3px rgba(16,24,40,.08), 0 1px 2px rgba(16,24,40,.04);
  --shadow-pop:0 12px 32px -12px rgba(16,24,40,.28), 0 0 0 1px rgba(16,24,40,.04);

  /* --- layout --- */
  --topbar-h:56px;
}