/* =================================================
   GLOBAL COLOR SYSTEM
   ================================================= */

:root {
  --bg-main:#f5f8fc;
  --bg-card:#ffffff;
  --bg-surface:#ffffff;
  --bg-table-header:#f8fafc;
  --bg-table-hover:#f1f5f9;

  --primary-50:#eff6ff;
  --primary-100:#dbeafe;
  --primary-500:#2563eb;
  --primary-600:#1d4ed8;
  --primary-700:#1e40af;
  --primary:#2563eb;
  --primary-hover:#1d4ed8;

  --text-main:#0f172a;
  --text-muted:#535b65;
  --text-light:#94a3b8;
  --text-inverse:#ffffff;
  --border-color:#dbe2ea;
  --border-focus:#93c5fd;

  --focus-ring:rgba(37,99,235,0.14);
  --shadow-sm:0 1px 3px rgba(15,23,42,0.06);
  --shadow-md:0 8px 24px rgba(15,23,42,0.08);
  --radius-sm:10px;
  --radius-md:12px;
  --radius-lg:14px;
  --radius-xlg:20px;

  --header-height:76px;
  --sidebar-width:250px;

  --font-family:"Plus Jakarta Sans",sans-serif;
  --font-xs:10px;
  --font-sm:13px;
  --font-md:15px;
  --font-lg:17px;
  --font-xl:20px;

  --warning:#f59e0b;
  --text-inverse:#ffffff;
  --shadow-sm:0 1px 2px rgba(15,23,42,0.08);
}