:root {

   /* =========================
      Brand / Primary
   ========================== */
   --acc-primary: #2563eb;
   --acc-primary-light: #3b82f6;
   --acc-primary-soft: #eff6ff;


   /* =========================
      Backgrounds
   ========================== */
   --acc-bg-main: #f9fafb;
   --acc-bg-soft: #f3f4f6;
   --acc-bg-hover: #e5e7eb;

   --acc-card-bg: #ffffff;
   --acc-modal-bg: #ffffff;

   /* ✅ NEW: Alert backgrounds */
   --acc-danger-soft: #fee2e2;
   --acc-warning-soft: #fef3c7;
   --acc-success-soft: #dcfce7;


   /* =========================
      Borders
   ========================== */
   --acc-border: #e5e7eb;
   --acc-border-strong: #d1d5db;


   /* =========================
      Text Colors
   ========================== */
   --acc-text-title: #111827;
   --acc-text-main: #374151;
   --acc-text-muted: #9ca3af;

   /* ✅ NEW: Status text */
   --acc-text-success: #166534;
   --acc-text-warning: #92400e;
   --acc-text-danger-soft: #991b1b;


   /* =========================
      Status Colors (Solid)
   ========================== */
   --acc-success: #16a34a;
   --acc-warning: #f59e0b;
   --acc-danger: #dc2626;


   /* =========================
      Icons
   ========================== */
   --acc-icon: #4b5563;
   --acc-icon-soft: #9ca3af;


   /* =========================
      Shadows
   ========================== */
   --acc-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
   --acc-shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
   --acc-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);


   /* =========================
      Radius
   ========================== */
   --acc-radius-sm: 6px;
   --acc-radius-md: 10px;
   --acc-radius-lg: 14px;


   /* =========================
      Spacing
   ========================== */
   --acc-space-xs: 4px;
   --acc-space-sm: 8px;
   --acc-space-md: 16px;
   --acc-space-lg: 24px;
   --acc-space-xl: 32px;


   /* =========================
      Typography
   ========================== */
   --acc-font-main: "Vazirmatn", sans-serif;

   --acc-font-xs: 12px;
   --acc-font-sm: 13px;
   --acc-font-md: 14px;
   --acc-font-lg: 16px;
   --acc-font-xl: 18px;


   /* =========================
      Transitions
   ========================== */
   --acc-transition: 0.15s ease-in-out;

}