:root{
  --primary:#6C5CE7;
  --primary-600:#5847D6;
  --primary-300:#B8B0F2;
  --primary-100:#E9E6FB;
  --primary-50:#F5F4FD;
  --ink:#0F172A;
  --body-c:#334155;
  --muted:#64748B;
  --bg:#F7F8FC;
  --card:#FFFFFF;
  --border:#E5E9F2;
  --star:#F5A623;
  --star-bg:#FDF3E3;
  --success:#0FA971;
  --success-bg:#E7F8F1;
  --danger:#E5484D;
  --danger-bg:#FDECEC;
  --info:#3B82F6;
  --info-bg:#E8F1FE;
  --warn:#B45309;
  --warn-bg:#FEF3C7;
  --lock:#94A3B8;
  --radius-lg:16px;
  --radius-md:12px;
  --radius-sm:8px;
  --shadow-sm:0 1px 2px rgba(15,23,42,.06);
  --shadow-md:0 8px 24px rgba(15,23,42,.08);
  --shadow-lg:0 16px 40px rgba(15,23,42,.14);
  --font:'Cairo','Segoe UI',Tahoma,system-ui,sans-serif;
  --fs-xs:.75rem;
  --fs-sm:.875rem;
  --fs-md:1rem;
  --fs-lg:1.125rem;
  --fs-xl:1.375rem;
  --fs-2xl:1.75rem;
  --fs-3xl:2.25rem;
  --fs-hero:clamp(2rem,4.5vw,3.4rem);
  --tr:.2s ease;
  --navbar-h:68px;
  --sidebar-w:260px;
}