:root{
  --bg:#f3f6fb;
  --sidebar:#111827;
  --sidebar2:#172033;

  --card:#ffffff;
  --border:#e2e8f0;

  --text:#0f172a;
  --text2:#64748b;

  --primary:#7c9cf5;
  --primary-hover:#688af0;

  --success:#86efac;
  --danger:#fca5a5;
  --warning:#fcd34d;

  --radius:18px;
  --shadow:0 10px 30px rgba(15,23,42,.06);
  --transition:.18s ease;
  --sidebar-width:270px;
}